HTML5-如何流式传输大型.mp4文件？

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在尝试设置一个非常基本的html5页面，该页面会加载20MB的.mp4视频。看来，浏览器需要下载整个内容，而不仅仅是播放视频的第一部分并在其余部分进行流传输。

我在搜索时发现的最接近的内容…我尝试了“手刹”和“数据回合”，两者均未发挥作用：

关于如何执行此操作或是否可行的任何想法？

这是我正在使用的代码：

<video controls="controls">
    <source src="/video.mp4" type="video/mp4" />
    Your browser does not support the video tag.
</video>

回答：

  1. 确保moov（元数据）在mdat（音频/视频数据）之前。这也称为“快速启动”或“网络优化”。例如，Handbrake具有“ Web优化”复选框，而ffmpeg和avconv具有输出选项-movflags faststart。

  2. 确保您的Web服务器报告的内容类型正确（视频/ mp4）。

  3. 确保将您的Web服务器配置为服务字节范围请求。

  4. 确保您的Web服务器未在mp4文件中的压缩之上应用gzip或放气压缩。

    您可以使用curl -I http://yoursite/video.mp4或使用浏览器（Chrome，Firefox）中的开发人员工具检查由Web服务器发送的标头（如果已缓存页面，请重新加载页面）。的HTTP响应头应包括内容-类型：视频/ MP4和接受-范围：字节，并且没有内容编码：。

以上是 HTML5-如何流式传输大型.mp4文件？ 的全部内容， 来源链接： utcz.com/qa/427735.html

回到顶部