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

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