MediaSource che si aggiunge a SourceBuffer non funziona dopo la prima volta

Question

Attualmente sto provando a trasmettere un file video .webm tramite socket.io al mio client (che attualmente usa Chrome come client).

Aggiunta la prima Uint8Array al SourceBuffer funziona bene, ma aggiungendo ulteriori quelli non funziona e getta il seguente errore: Uncaught DOMException: Failed to execute 'appendBuffer' on 'SourceBuffer': The HTMLMediaElement.error attribute is not null.

mio codice corrente:

'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); 
     } 
    }); 
}); 

codice lato server (frammento)

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

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

Ho rimosso anche i controlli del webkit poiché questo sarà solo funziona su browser Chromium.

Answer 1

Credo che bisogna liberare il buffer, vedere la funzione remove() http://w3c.github.io/media-source/#widl-SourceBuffer-remove-void-double-start-unrestricted-double-end

fatemi sapere se lo ha aiutato.