【问题标题】:videojs - how to show thumbnails as the progress-slider is movedvideojs - 如何在移动进度滑块时显示缩略图
【发布时间】:2019-04-07 02:27:14
【问题描述】:

在 YouTube 的播放器上,当您将鼠标悬停在进度条上并沿着鼠标移动时,您会看到一系列缩略图以及时间值。当您想找到一个您在视觉上知道的场景并想要它的时间价值时,这很棒。

而在 videojs 播放器上,您只能看到时间值。

(在 X-Finity 上(Comcast,他们的快进类似地显示了一系列快速的缩略图。但是,谷歌搜索似乎表明 Videojs 没有快进。而且,我认为我更喜欢 YouTube 的功能而不是快进。)

所以,底线问题是:如何让 Videojs 播放器表现得像 YouTube 的一样?

(我认为这对于最终用户来说很难在 javascript 中实现。检测滑块正在移动无疑是直截了当的,但显示缩略图的代码将是我没有的部分主意 如何完成。)

有人知道如何编程吗?

【问题讨论】:

    标签: html video.js


    【解决方案1】:

    BrightCove 开发了一个“缩略图”插件来实现这一点。 在此处查看他们的示例编码: https://support.brightcove.com/display-thumbnail-previews-plugin#Example

    这里有关于这个论坛的更具体的讨论: How to generate video preview thumbnails for use in VideoJS?

    我在实现这个概念时的第一个切入点是: https://weasel.firmfriends.us/Private3-BB/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-10-17
      • 2012-08-30
      • 2012-06-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多