Javascript - 来自blobs源的缓冲视频？

Question

上下文：

摆弄javascript。

Html5浏览器。

问题：

是否有可能拥有两个视频blob，并将其内容缓存在视频代码中，并在不首先连接它们的情况下顺利播放它们？

底层是：是否可以在浏览器的javascript中动态地将数据添加到视频缓冲区（视频可能已经开始播放，我们仍然从blob添加数据之后）？

所有解决方案似乎都需要一开始的整个数据。

Answer 1

不幸的是，Media Source API只能在Chrome上使用。 AFAIK它只适用于webm容器和vorbis和vp8编解码器。

var ms = new MediaSource();

var video = document.querySelector('video');
video.src = window.URL.createObjectURL(ms);

ms.addEventListener('sourceopen', function(e) {
    ...
    var sourceBuffer = ms.addSourceBuffer('video/webm; codecs="vorbis,vp8"');
    sourceBuffer.appendBuffer(oneVideoWebMChunk);
    ....
}, false);

Here is a little demo

W3C draft