Video Timeline | Zyeon UI

Preview in your theme

wired to a real <video>: chapters, live playhead pushed on rAF, and buffered ranges read straight off video.buffered — press the track and drag, or click once to jump

0:000:00

thumbnails={[…13 keyframes]} with fps={24} timecode — hover the track for the frame under the pointer; the keyframe covering 200–250s is an undecodable source and falls back to a placeholder

00:01:36:0000:10:20:00

trim={{start,end}} with minTrimDuration={2} — drag either handle (or focus one and use ←/→, Shift+←/→); the in point stops 2s short of the out point instead of inverting

0:420:24 – 1:481:24 selected3:00

Nothing queued yet

14 chapters in a 360px column with trackHeight={28} — marker hit areas shrink to half the gap to each neighbour, so they thin out instead of stealing each other's presses

33:001:11:00

disabled (read-only, still exposes its position to screen readers) and duration={0} — the pre-loadedmetadata rail, inert rather than absent

2:4810:20

0:000:00

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.

Unlock with Pro