Interactive audio waveform visualizer with trim controls and theme-aware colors
Renders an audio file as an interactive waveform canvas. Click to seek; the progress bar follows playback. Uses DaisyUI semantic color tokens so it re-skins with the theme.
| Prop | Type | Default | Description |
|---|---|---|---|
audioUrl | string | - | URL of the audio file |
height | number | 80 | Canvas height in px |
waveColor | string | "neutral" | DaisyUI token for the waveform |
progressColor | string | "accent" | DaisyUI token for the played portion |
interactive | boolean | true | Allow click-to-seek |
showTrimControls | boolean | false | Show trim handle overlays |
onTrim | (start, end) => void | - | Called after dragging trim handles |
providedDuration | number | - | Skip the audio metadata fetch (already known) |