2017-08-26 92 views
0

我试图找到有关如何HTML5视频寻找API工作的文档,我写了一些代码,并惊讶地发现,当我拨打电话寻求一个视频,它使得另一个GET请求到后端(我猜测是有道理的),但我找不到有关它如何将请求上的信息传递给后端进行处理的文档。HTML5视频寻找API如何工作?

任何想法,我可以阅读文档或解释它如何工作?

+1

搜索HTTP范围请求。 – ivo

+0

这是使用Chrome开发人员工具吗?只有当你打开“网络”选项卡时才这样做(否则就像平常一样)。也许它出于调试的目的? –

回答

1

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

对于简单的HTTP流式传输,播放器会按照Ivo提及的使用HTTP范围请求以块的形式下载视频。

对于更复杂的场景,其中使用HLS或DASH等流媒体协议对视频进行流式传输,视频将再次以块的形式下载,但请求的块是流协议实现的一部分。

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

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

许多玩家将支持由服务器提供的单独缩略图流 - 这允许玩家沿着时间线显示各个点的场景缩略图。这本质上是视频中的一组图像,因此显示缩略图的速度会更快,因为播放器无需下载整段视频并进行解码,只是为了显示您在时间轴上悬停的点。

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