Search code examples
javascriptvideotimelinevis.js

Use vis.js timeline in a "dateless" way (e.g. video edit timeline)


I'd like to know if it's possible to use vis.js' Timeline chart to build an interface intended to put some keyframes from a <video> element.

I've found some other libraries closer to what I'm looking for, such as timeline.js, or tweentime, but they're more tied as an animation interface, and way too overkill for my needs. I just need to put keyframes with (t,x,y) values and show them in a friendly way.

The thing is that vis.js sets the 'start' and 'end' of the timeline as Date objects, but what I need is something dateless, just from 0 to 'n' seconds. I have not much idea about how achieving this with Date, as this is the approach vis.js uses.

Any ideas about how to build this, or perhaps an alternative I haven't been able to find more close to my approach?


Solution

  • The Timeline of vis.js is built in a modular way, so you could create a version of the Timeline that uses an other axis than the current TimeAxis. It will require to dive into the code though.