今天遇到一个情况,后端接口是从第三方存储获取到视频的数据流,然后返回给前端预览播放。但是播放的时候无法拖动进度条,一拖动就会回到视频最开始的点。
百度了一下,发现是返回的header头里需要设置三个属性。
header('Content-Length: ' . $result["ContentLength"]);
header('Accept-Ranges: ' . "bytes");
header('Content-Range: ' ."'bytes 0-".($result["ContentLength"]-1)."/$result[ContentLength]'" );
Content-Length,Accept-Ranges,Content-Range。
这里讲一下每个属性的含义。
Content-Length
是一个实体消息首部,用来指明发送给接受方的消息主体的大小
Accept-Ranges:bytes
允许客户端以bytes的形式获取文件
Content-Range:
Range和Content-Range是 HTTP/1.1中新增的HTTP头字段。它用于从服务器中获取一个大文件的某一部分内容,这极大地提高了HTTP的运行效率,很适合下载软件进行多线程下载和断点续传。
range是客户端请求资源时告诉服务端需要多少字节到多少字节得数据。
Content-Range描述了返回的数据内容的起止位置以及整个需要请求的内容的长度。
那么无法拉取进度条的原因,应该就是进度条其实就是跳到资源的指定字节位,没有range,就没法跳到指定的未知,所以从头开始了。