当用户将手指移到视频洗涤器上时,我尝试显示预览缩略图。
我找到的唯一解决方案是使用一些第三方工具提取缩略图并将其保存到服务器或通过一些 JSON 将其传递给应用程序。
我想做的是类似于 JwPlayer (http://jwplayer. electroteque.org/controls-preview)
知道从哪里开始吗?
或者这里有支持手动生成缩略图的标准协议吗?或者我需要使用我自己的提要格式。
我不太清楚您的项目的配置是什么,但一种可能性是实际实例化一个迷你播放器并在用户幻灯片时显示视频的进度。因此,本质上这个“迷你播放器”会在用户开始拖动时出现,并跳到指定的任何时间,然后暂停。这和我现在正在做的一个项目很相似。这也是一个很好的参考:http://www.autodeskresearch.com/pdf/p1159-matejka.pdf。这种技术与我建议的技术有很大不同,但它是另一种选择,具体取决于您的场景。
这现在是支持 VTT 文件中预览缩略图(用于擦除)的播放器的标准配置。
plyr (plyr.io) 是做到这一点的出色播放器。
请参阅此处的说明:https://github.com/sampotts/plyr#preview-thumbnails
如果你想自动生成它们,可以使用 NPM:https://www.npmjs.com/package/sprite-vtt-generator