MediaSource, добавляющий к SourceBuffer, не работает после первого раза

Question

В настоящее время я пытаюсь передать видеофайл .webm через socket.io моему клиенту (в настоящее время использующий Chrome как клиент).

прилагая первый Uint8Array к SourceBuffer работает нормально, но добавление дополнительных них не работает и выдает следующее сообщение об ошибке: Uncaught DOMException: Failed to execute 'appendBuffer' on 'SourceBuffer': The HTMLMediaElement.error attribute is not null.

Мой текущий код:

'use strict'; 

let socket = io.connect('http://localhost:1337'); 

let mediaSource = new MediaSource(); 
let video = document.getElementById("player"); 
let queue = []; 
let sourceBuffer; 

video.src = window.URL.createObjectURL(mediaSource); 

mediaSource.addEventListener('sourceopen', function() { 
    sourceBuffer = mediaSource.addSourceBuffer('video/webm; codecs="vorbis,vp8"'); 

    socket.on("video", function(data) { 
     let uIntArray = new Uint8Array(data); 

     if (!sourceBuffer.updating) { 
      sourceBuffer.appendBuffer(uIntArray); 
     } else { 
      queue.push(data); 
     } 
    }); 
}); 

стороне сервера код (сниппет)

io.on('connection', function(socket) { 
      console.log("Client connected"); 

      let readStream = fs.createReadStream("bunny.webm"); 
      readStream.addListener('data', function(data) { 
       socket.emit('video', data); 
      }); 
     }); 

Я также удалил проверку webkit, так как это будет работать в браузерах Chromium.

Answer 1

Я думаю, вы должны освободить буфер см функцию удалить() http://w3c.github.io/media-source/#widl-SourceBuffer-remove-void-double-start-unrestricted-double-end

Позвольте мне знать, если это помогло.