html - 碎片化的mp4不能在纯html5视频上播放

Question

我需要使用视频标签在网络上提供超过 3GB 的视频。
加载页面时，媒体元素需要很长时间才能接收到“loadedmetadata 事件”。

我发现 moov 框的大小太大(33MB)。
因此，当我使用 'ffmpeg' 的 'empty_moov + frag_keyframe' 选项重新编码时，从 Chrome 中的“检查器 - 网络”选项卡中获取所有碎片信息也需要更长的时间。

有没有办法加速播放带有 html5 视频标签的“分段 mp4”时加载？

Answer 1

您没有提及您使用什么协议(protocol)将视频传送到浏览器，但分段 MP4 通常使用 ABR(自适应比特率)流协议(protocol)传送。在撰写本文时，最常用的 ABR 协议(protocol)可能是 HLS 和 DASH。

使用 ABR 允许客户端以较低的比特率开始，从而加快初始播放速度 - 然后它可以逐步提高不同的质量级别，以达到特定设备和当前网络条件的最佳质量。

您可以在大型流媒体服务中看到这种效果，其中视频质量在启动时会明显降低，然后在 10-20 秒后改善。在此答案中查看更多信息:

https://stackoverflow.com/a/42365034/334402

Bowsers 通常不支持带有 HTML5 标记的 ABR，因此您通常会使用基于 Javascript 的播放器，该播放器使用 HTML5 MSE(媒体源扩展)机制来支持 ABR。您可以查看开源示例，例如:

http://dashif.org/reference/players/javascript/1.3.0/samples/dash-if-reference-player/index.html

https://shaka-player-demo.appspot.com/demo/#asset=//storage.googleapis.com/shaka-demo-assets/angel-one/dash.mpd;lang=en-US