使用MediaSource扩展程序播放视频播放列表

Question

我正在尝试在HTML5 / JS中实现可靠，无间隙的视频播放列表。为此，我想在内存中缓冲动态播放列表，然后将缓冲区发送到HTML5视频元素。

我可以选择如何编码视频，这只需要在Chrome浏览器上运行，因此我正在考虑使用webm视频和MediaSource扩展。视频文件将存储在Amazon S3上，并随CloudFront一起提供。

我见过以下MediaSource API示例。关键的区别在于，我不是读取文件的块，而是阅读大量文件。 http://bluishcoder.co.nz/2013/08/20/progress-towards-media-source-extensions-in-firefox.html

如何使其适用于多个文件而不是文件块？

Answer 1

我们最终编写了这个Javascript库来处理视频播放： https://github.com/jameshadley/LifemirrorPlayer/blob/master/LifemirrorPlayer.js

它不使用MediaSourceAPI，但它的效果非常好。