Cassette Player
An audio cassette deck whose reels turn and tape packs shift with progress, with our label design, latching transport keys, a rolling counter and optional real audio.
Preview
012345678901234567890123456789
8:22 / 23:00Paused
012345678901234567890123456789
20:15 / 23:00Stopped
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Written on the label. |
| subtitle | string | — | Second label line. |
| side | string | "A" | Big side letter on the label. |
| duration | number | 240 | Tape length in seconds; taken from src once its metadata loads. |
| src | string | — | Optional audio file: plays in play mode; winding seeks. |
| labelTone | string | "--chart-2" | Colour token for the label stripe. |
| defaultPosition | number | 0 | Starting tape position in seconds. |
| defaultMode | "stop" | "play" | "ff" | "rew" | "stop" | Starting transport. |
| defaultPaused | boolean | false | Start with the pause key latched. |
| onTransportChange | (mode, paused, position) => void | — | Called on every key press, to drive your own audio. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.