javascript - 使用 MediaSource 扩展播放视频播放列表

Question

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

我可以选择视频的编码方式，这只能在 Chrome 浏览器上运行，所以我正在考虑使用 webm 视频和 MediaSource 扩展。视频文件将存储在 Amazon S3 上并使用 CloudFront 进行传送。

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

这如何适应多个文件而不是文件 block ？

Answer 1

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

它不使用 MediaSourceAPI，但效果出奇地好。