HTML5视频的字节范围请求(伪流)如何工作?

如果您为接受范围请求的服务器上托管的视频播放 HTML5视频,那么当您尝试提前查看视频的非缓冲部分时,您会从网络流量中注意到浏览器创建了一个字节范围请求.我假设浏览器通过提前知道总视频大小并假设一个恒定的比特率来计算字节(如果你在进度条中点击一半,那么它将在中途点请求字节).但特别是如果视频是可变比特率的,那么它所请求的字节似乎不太可能真正对应于用户点击的时间点,并且该字节可能会落在帧的中间.

一旦它开始在某个任意字节读取,浏览器如何知道下一帧的开头是什么?

解决方法

我假设您的视频位于Mp4容器中. mp4文件格式包含“盒子”的分层结构.其中一个框是Time-To-Sample(stts)框.此框包含每个帧的时间(以紧凑的方式).从这里你可以使用Sample-to-Chunk(stsc)原子找到包含框架的’chunk’.最后,Chunk offset atom(stco)为您提供文件中的字节偏移量.

电影的总持续时间存储在电影标题原子(mvhd)中.移动滑块手柄时,会根据影片的持续时间和放松擦除手柄的位置估算时间,然后根据先前下载的文件头进行计算,并发出请求.

编辑:如果不是mp4,其他容器也有类似的机制.编解码器是无关紧要的.

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码