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

标签 javascript html video media-source

我正在尝试在 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 ?

最佳答案

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

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

关于javascript - 使用 MediaSource 扩展播放视频播放列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20442266/

相关文章:

javascript - 使用 JQuery 选中复选框时切换类

asp.net - 移动其他 DIV 标签时移动 DIV 标签

javascript - 支持多日事件的动态 JavaScript 事件日历

javascript - 对多个彼此逻辑相关的 html 表进行排序

javascript - 递归运行无限循环

javascript - 如何在 Express.js 中将 JS 字符串作为 xml 文档发送给用户?

javascript - 如何从某个时间开始预加载 HTML5 视频

java - 我怎样才能在java中写入字节缓冲区?

Python:从视频中截取屏幕截图

javascript - ES6 setter - 保持对象干净//将参数映射到实例对象上