Voice Note
Chat voice-message bubbles with a seeded waveform, play and seek, a speed toggle, a transcript reveal and an unread dot, in sent and received variants.
Preview
Today
0:14 / 0:3414:02
Kiln’s done. Two of the tall ones cracked at the foot, the rest look great. Can you bring the big crate tomorrow?
0:1214:05
Yes, I’ll be there around ten with the crate and coffee.
0:51Unplayed14:09
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| duration | number | — | Length in seconds. |
| sender | string | — | Who sent it; used in the accessible name. |
| variant | "sent" | "received" | "received" | Right-aligned ink bubble or left card bubble. |
| src | string | — | Audio file; omit to play on a simulated clock. |
| transcript | string | — | Text revealed by the Transcript toggle. |
| time | string | — | Preformatted timestamp. |
| unread | boolean | false | Ember dot until the note is played. |
| seed / bars | string / number | sender + length / 30 | Waveform seed and bar count. |
| defaultProgress / defaultSpeed / defaultTranscriptOpen | number / 1 | 1.5 | 2 / boolean | 0 / 1 / false | Start part-way through, at a speed, or with the transcript shown. |
| onPlayedChange | (played: boolean) => void | — | Called on first play. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.