如何为 HTML 视频创建类似 youtube 的搜索栏预览图像
How to create youtube-like seekbar preview images for HTML video
对于 Youtube 上的许多视频,如果将鼠标悬停在搜索栏上,将弹出一个小图像来反映视频中大约该位置的帧。
如果使用 HTML 视频元素,有什么方法可以创建这个吗?
缩略图实际上通常包含在单独的媒体流中,或者 'track' 在服务器端创建并作为流式视频的一部分传送。
客户端下载此流,当用户搜索时,它会显示最接近用户搜索时间的缩略图。
您可以通过 dash.js 参考播放器查看播放器如何处理此问题的一个很好的示例:
在浏览器上即时生成缩略图需要传送视频、解码视频并在用户寻找的位置显示一帧,这通常在可用时间内无法完成流媒体视频。
对于 Youtube 上的许多视频,如果将鼠标悬停在搜索栏上,将弹出一个小图像来反映视频中大约该位置的帧。
如果使用 HTML 视频元素,有什么方法可以创建这个吗?
缩略图实际上通常包含在单独的媒体流中,或者 'track' 在服务器端创建并作为流式视频的一部分传送。
客户端下载此流,当用户搜索时,它会显示最接近用户搜索时间的缩略图。
您可以通过 dash.js 参考播放器查看播放器如何处理此问题的一个很好的示例:
在浏览器上即时生成缩略图需要传送视频、解码视频并在用户寻找的位置显示一帧,这通常在可用时间内无法完成流媒体视频。