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

Using MediaSource extensions to play a video playlist

本文关键字：视频播放列表播放扩展 MediaSource 使用更新时间：2024-04-29

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

我可以选择视频的编码方式，这只需要在Chrome浏览器上运行，所以我正在考虑使用webm视频和MediaSource扩展。视频文件将存储在AmazonS3上，并通过CloudFront交付。

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

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

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

它不使用MediaSourceAPI，但工作得出奇地好。