在 javascript/jquery 中生成图形时间线

发布于 12-02 00:11 字数 282 浏览 1 评论 0原文

假设我可以以秒为单位获取某个视频的总时间。我还可以获取该视频中子事件的开始时间。

有没有办法输出某种时间线,其中子事件分别按视频的开始时间到结束时间排列?

子事件还应该链接到视频,以便当我单击它们时,视频会跳到该子事件的开头。

基本上,我想隐藏 html5 视频的时间线,并在视频下粘贴一个新的动态生成的时间线,其中很少有选定的事件可供导航,没有滑块,只需单击(例如,一场带有设置和比赛时间线的网球比赛,而不是分钟:秒时间线)。

我在 html5 和 javascript 中使用视频。

Let's say I can fetch a total time of an certain video in seconds. I can also get the starting times of sub-events in that video.

Is there a way to output some kind of timeline with sub-events arranged by their starting times respectively to the end time of the video?

The sub-events should also be linked to the video in such way that when I click on them, video would jump on beginning of that sub-event.

Basically, I would like to hide the timeline of html5 video, and stick a new dynamically generated one under the video with few selected events to navigate through, with no slider, just click (for example a tennis match with set and game timeline instead of min:sec timeline).

I'm using video in html5 and javascript.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

嗫嚅2024-12-09 00:11:41

那么你可以使用这个 jquery plungin 作为时间线。看起来很酷。

对于跳跃,您可以阅读此处。

Well you can user this jquery plungin for timeline. Would look cool.

And for jumping you can read here.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文