What are the javascript libraries for building timeline (not about simile timeline or timeline.js)?

Question

JavaScript

Hello,
I have a goal to write a timeline that is almost similar in functionality to those used in video editors.

Timeline (timeline, timeline or pasteboard) - an element of the program interface - a strip (tape) on which all video and audio tracks are visually located, and where the video sequence is actually edited. The location of the clips on the tracks from left to right correspond to the time of their appearance from the beginning when playing the project. Time code can be used as time references.


                 — wikipedia

I tried to find a ready-made solution that fully or partially covers my tasks.
Found:

- Simile Timeline
- Timeline.js
- plugins.jquery.com/b1njTimeline
- goto.io/jqtimeline

all of them are aimed at presenting data sorted by date / time, and there is also infinite scrolling (time is unlimited in both directions).
In my case, time “in a vacuum” is used, i.e. abstract minutes and seconds, is the length of the video.

When trying to customize these libraries, you will need to rewrite up to half of the entire functionality, because working with dates is at the root of everything.

I need at least:
- methods for external control
- events for responding to changes in the timeline (for example, the user controls something on the page using the timeline)
- scaling the timeline (changing the timeline, like rulers in illustrator / photoshop and elements on the timeline itself)
- dragging elements along scale

In general, I think everyone has worked in video editors at least once and understands what I'm talking about, if not, I'll try to explain in more detail.

Maybe I missed something when searching and there are better solutions? Tell me please…

p.s. I already started writing a solution from scratch using canvas natively and svg using the Raphael.js library to display the sound wave scale. If nothing is found and it makes sense, maybe I'll decorate it beautifully and put it on github as a plugin for some framework or as an independent solution.

Answer 1

it would be interesting to see your solution if possible