Javascript - 从 blob 源缓冲视频？

Question

上下文：

摆弄javascript。

Html5 浏览器。

问题：

是否有可能拥有两个视频 blob 并将它们的内容缓冲在视频标签中并流畅地播放它们而无需一开始就将它们连接起来？

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

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

Answer 1

有媒体源 API，不幸的是，它仅在 Chrome 上可用。据我所知，它仅适用于 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