html上传视频-html 加载缩略图,html5

我正在转向 VideoJs (html5),需要弄清楚如何为搜索栏生成缩略图。 我尝试过使用 videojs-thumbnails,但这需要使用图像图像预加载 vtt 文件。 我正在尝试找出一种手动执行此操作的方法,用于常规 mp4(h264) 文件加载缩略图的方式。 只有 Flowplayer 可以用自己的视频来做到这一点,现在尝试找出如何用 VideoJ 来做到这一点。

我希望它们是我错过的一些插件,但还没有找到它。 我发现的最好方法是从 mp4 文件中提取缩略图html上传视频,将其合并到图片图像中,然后使用 #xywh 属性。

如果 VideoJS 中没有插件可以手动执行此操作,我可以使用什么命令行程序在 Ubuntu 上创建带有精灵图像的 VTT 文件? 我正在处理大量视频文件html上传视频,因此自动化它是不可行的。

我的视频播放器:

控制预加载=“自动”

文件上传html_html上传视频_html上传图片代码

数据设置='{"fluid":true}'>

要观看此视频,请启用 Javascript。

html上传视频_html上传图片代码_文件上传html

示例 vtt 文件:

网络VTT

文件上传html_html上传图片代码_html上传视频

00:00:00.000-->00:00:03.000

缩略图.jpg#xywh=0,0,120,68

文件上传html_html上传图片代码_html上传视频

00:00:03.000-->00:00:06.000

缩略图.jpg#xywh=120,0,120,68

00:00:06.000-->00:00:09.000

缩略图.jpg#xywh=240,0,120,68