如何使用VTT文件在VideoJS中获得预览缩略图



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

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

这是我当前的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
...

有没有任何方法可以在不使用精灵的情况下,在VideoJS上拥有所描述的VTT文件并预览thumbail?

您可以为videojs使用各种插件,这些插件可以完成大部分任务。要显示缩略图,您可以使用以下插件:

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

最新更新