Video Chapters
A drawn video frame with a chapter-segmented scrubber, hover previews per chapter, a chapter list synced to the playhead and keyboard chapter seeking.
Preview
3:32 / 7:35 · Dipping and layering3/5
Glaze test boards, start to finish
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Video title, above the chapter list and in the seek label. |
| duration | number | — | Length in seconds. |
| chapters | { start, title, scene? }[] | — | Chapters; scene is the frame and hover thumbnail (defaults to a drawn scene). |
| defaultPosition | number | 0 | Starting playhead in seconds. |
| defaultPlaying | boolean | false | Start playing (simulated). |
| defaultHover | number | null | null | Show the hover preview at this time on first render (for docs). |
| onTimeChange | (seconds: number) => void | — | Called on seeks, to drive a real video. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.