Video Timeline
A compact video editor timeline with a preview frame, time ruler and scrubbable playhead, two video tracks and an audio track of drawn clips, select, move, trim with snapping, zoom and simulated playback.
Preview
00:12:12V1 · Wheel
00:12:12 / 00:30:00
V2
V1
A1
Wheel · V1 · 00:09:00 → 00:20:12 (11.50s)←→ nudge · Del remove · S snap
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tracks | TimelineTrack[] | — | { id, name, kind: video | audio, clips: { id, label, start, length, in?, sourceLength?, scene?, seed? }[] }; higher tracks show on top. |
| duration | number | — | Sequence length in seconds. |
| fps | number | 24 | Frame rate for timecode and frame nudges. |
| defaultTime | number | 0 | Starting playhead position. |
| defaultSelected | string | null | null | Initially selected clip id. |
| defaultZoom | number | 20 | Pixels per second (10–80 in steps). |
| defaultSnap | boolean | true | Snap moves and trims to clip edges, the playhead and the ends. |
| onTracksChange | (tracks: TimelineTrack[]) => void | — | Called after moves, trims, nudges and deletes. |
| label | string | "Timeline" | Accessible name of the editor. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.