javascript - 如何使用 VTT 文件在 VideoJS 中获取预览缩略图？

Question

我正在尝试将 VideoJS 用作播放器，并且我喜欢在您使用搜索栏作为视频预览时显示缩略图。我已经完成了生成 vtt 文件和缩略图的工作，因为现在我正在使用 JWPlayer。所以我想使用这个 VTT 文件和我在 JWPlayer 上生成的拇指。我每 10 秒生成一个拇指，由于视频时长为 20 到 40 分钟，所以有很多拇指。

我发现一些 VideoJS 插件不适用于我当前的 JWplayer VTT 配置，因为它们需要 Sprite 和 JSON 来加载 Sprite 。

这是我当前的 VTT 文件:

WEBVTT

00:00:00.000 --> 00:00:10.000
thumb_0001.jpg

00:00:10.000 --> 00:00:20.000
thumb_0002.jpg

00:00:20.000 --> 00:00:30.000
thumb_0003.jpg

...

有没有办法在不使用 sprite 的情况下获得所描述的 VTT 文件并在 VideoJS 上预览缩略图？

Answer 1

您可以使用各种适用于 videojs 的插件来完成大部分任务。要显示缩略图，您可以使用以下插件:

https://github.com/dirkjanm/videojs-vtt-thumbnails