HTML5视频寻求API如何运作?

时间:2017-08-26 22:02:25

标签: html5 video seek

我正在尝试查找有关HTML5视频寻求API如何工作的文档,我正在编写一些代码,并且惊讶地发现当我打电话寻找视频时,它会向后端发出另一个GET请求(我想是有道理的),但是我找不到关于它如何将请求的信息传递给后端进行处理的文档。

我知道在哪里可以阅读文档或解释它是如何工作的?

1 个答案:

答案 0 :(得分:1)

许多网页实际上使用视频播放器,如JWPlayer,Dash.js,BitMovin等以及HTML视频标签,这可能使图片复杂化,因为它们可能有自己的搜索逻辑或优化。

对于简单的HTTP流媒体,播放器使用HTTP范围请求以块的形式下载视频,如Ivo所述。

对于使用流协议(如HLS或DASH)流式传输视频的更复杂场景,视频将再次以块的形式下载,但这些块将作为流协议实现的一部分进行请求。

DASH和HLS是自适应流媒体协议,可为视频的每个块提供多个比特率版本,允许播放器为当前网络条件和设备分辨率等选择最佳版本 - 请参阅此处了解如何查看不同的比特率以YouTube为例:https://stackoverflow.com/a/42365034/334402

如果您想提供良好的用户体验,寻求实际上有点复杂。

许多玩家将支持服务器提供的单独缩略图流 - 这允许玩家在时间线上显示来自各个点的场景的缩略图。这实际上是视频中定期拍摄的一组图像,因此播放器不必下载整段视频并对其进行解码只是为了显示您在时间轴中悬停的点,因此可以更快地显示缩略图。

当您实际点击该点时,它只会请求该部分视频并进行解码并播放。