如何在带有VTT文件的VideoJS中获取预览缩略图?

时间:2018-11-05 23:44:30

标签: javascript html5 video-streaming video.js

我正在尝试将VideoJS用作播放器,并且当您使用搜索栏作为视频预览时,我希望显示缩略图。我已经完成工作,以便生成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

...

是否有任何方法可以在不使用Sprite的情况下具有上述描述的VTT文件并在VideoJS上具有预览缩略图?

1 个答案:

答案 0 :(得分:0)

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

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