HTML5视频:修改http范围请求标头

Question

我有一个html5视频播放器(video -tag).当页面加载时,它将向视频文件发送请求.

是否可以修改http请求标头范围字段？(见截图,2条红线之间)

范围:bytes = 0-将下载整个视频,我想将其限制为"Range:bytes = 0-1000000",例如

视频文件托管在CDN上,因此我无法在服务器端执行任何操作.

Answer 1

您可以使用 XMLHttpRequest 发送范围请求！如果服务器“接受范围：字节”，则在 window.URL.createObjectURL 上获取 blob 文件。视频标签为您提供了大量的事件和属性，因此您始终知道缓冲的内容以及您所在的位置。即使用户单击了进度条、暂停或停止按钮。由于视频属性与字节范围相比是基于时间的，因此您需要视频文件中的一些附加信息（称为视频元数据）。我使用Yamdi来获取播放时间与文件查找位置比率的 xml 文件，并在 .flv 的开头设置元数据。

在服务器端读取范围标头 (bytes=number1-number2...)，打开视频文件，查找 number1，打印 (number2-number1+1) 字节并发送一些特定标头：Content-Type、Content-Disposition、 HTTP/1.1 206 部分内容，内容范围。

您应该遵循寻找位置。长度由你决定。