如何在更改时间时强制视频刷新活动框架？

Question

当与HTML5视频播放器工作时，我注意到怪异的行为：

服用时时间轴上的小把手，周围拖动它（基本上改变currentTime的变量），显示的帧没有相应的更新。只有当我放开把手，或者慢慢移动时，当前显示的框架会不时更新。

如何强制视频播放器更快速地更新帧，以便流畅地在视频中跳过？

Answer 1

要显示将时间轴拖动到的帧，视频播放器必须能够转到您当时的位置，请求并下载视频文件的相关部分，对其进行解码，然后显示它。

在实践中，这对大多数玩家来说并不现实，当然这对于最终用户来说并不实际。

您将看到许多视频服务的解决方法是为视频创建一组缩略图，通常是在视频正在进行转码以准备进行流式传输时。

这是一个非常小的文件，各个缩略图是独立的，即它们不依赖任何前一帧或后一帧来解码和显示它们，这意味着它们可以更快速地访问和获取。

例如，这组缩略图在视频中每隔5秒就可以有一帧，当用户沿着拇指线扫描时，它们可以更容易地被访问和显示。