【问题标题】:How to get preview thumbnails in VideoJS with a VTT file?如何使用 VTT 文件在 VideoJS 中获取预览缩略图?
【发布时间】:2019-04-09 08:59:34
【问题描述】:

我正在尝试将 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 上预览缩略图?

【问题讨论】:

  • VideoJS 实际上会为您生成视频标签。如果您需要您的视频播放器创建自定义字幕 (webVTT) 渲染,您必须设置自己的文本轨道侦听器,或者您可以关注this tutorial

标签: javascript html video-streaming video.js


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2019-03-24
    • 1970-01-01
    • 1970-01-01
    • 2017-08-17
    • 2013-11-20
    • 2020-08-03
    • 2014-12-04
    • 1970-01-01
    • 2015-06-07
    相关资源
    最近更新 更多