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

Question

上下文:

摆弄 javascript。

HTML5 浏览器。

问题:

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

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

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

Answer 1

不幸的是，Media Source 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