【问题标题】:How does HTML5 video seeking API work?HTML5 视频搜索 API 是如何工作的?
【发布时间】:2017-08-26 22:02:25
【问题描述】:

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

知道在哪里可以阅读文档或有关其工作原理的说明吗?

【问题讨论】:

  • 搜索 HTTP 范围请求。
  • 这是来自使用 Chrome 开发者工具吗?仅当您打开 network 选项卡时才会这样做(否则正常工作)。也许它是出于调试目的而发生的?

标签: html video seek


【解决方案1】:

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

对于简单的 HTTP 流式传输,播放器使用 Ivo 提到的 HTTP 范围请求分块下载视频。

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

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

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

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

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

【讨论】:

    猜你喜欢
    • 2012-03-07
    • 2012-09-25
    • 1970-01-01
    • 2012-11-20
    • 1970-01-01
    • 2011-04-15
    • 2014-01-30
    • 1970-01-01
    相关资源
    最近更新 更多