Приложение MediaSource для SourceBuffer не работает после первого раза

В настоящее время я пытаюсь передать видеофайл .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.

Ответы