SourceBufferに追加しているMediaSourceが初めて動作しない

Question

現在、私のクライアント（現在はChromeをクライアントとして使用しています）にsocket.io経由で.webmビデオファイルをストリーミングしようとしています。 SourceBufferに最初Uint8Arrayを追加は

が正常に動作しますが、さらなるものを追加することはできませんし、次のエラーがスローされます。 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); 
      }); 
     }); 

ウェブキットのチェックも削除されました。 Chromiumブラウザで実行します。

Answer 1

私は、あなたがremove（）関数 http://w3c.github.io/media-source/#widl-SourceBuffer-remove-void-double-start-unrestricted-double-end

はそれが助け場合、私に教えてください参照、バッファを解放する必要があると思います。