使用 HTML5 视频检测帧精确搜索

Posted

技术标签:

【中文标题】使用 HTML5 视频检测帧精确搜索【英文标题】:Detecting frame-accurate seeking with HTML5 video 【发布时间】:2012-03-13 07:50:48 【问题描述】:

正如here 所讨论的,逐帧视频搜索在多个但并非所有浏览器中都受支持 (test page)。

如果用户访问我的页面,有没有可靠的方法来检测他们的浏览器是否支持帧精确搜索?

【问题讨论】:

【参考方案1】:

我最终创建了一个小的 1x4 视频,每帧显示一个二进制模式(第 1 帧为 0001,第 2 帧为 0010,等等),在后台加载它,并使用<canvas> 元素读取数据并检查为了准确。

【讨论】:

以上是关于使用 HTML5 视频检测帧精确搜索的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 HTML5 <video> 创建帧精确的视频序列器?

浏览器如何计算 HTML5 <video> 的帧速率 (fps) 以实现准确的帧搜索?

获取视频 HTML5 中的帧变化

如何使用 HTML5 视频标签禁用搜索?

HTML5 视频搜索

HTML5 视频搜索