在 javascript/jquery 中生成图形时间线
假设我可以以秒为单位获取某个视频的总时间。我还可以获取该视频中子事件的开始时间。
有没有办法输出某种时间线,其中子事件分别按视频的开始时间到结束时间排列?
子事件还应该链接到视频,以便当我单击它们时,视频会跳到该子事件的开头。
基本上,我想隐藏 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.
那么你可以使用这个 jquery plungin 作为时间线。看起来很酷。
对于跳跃,您可以阅读此处。
Well you can user this jquery plungin for timeline. Would look cool.
And for jumping you can read here.