Waiting for action
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Custom HTML audio player with artwork, title/artist, scrubber, mute, volume, and previous/next track controls for playlists.
| Prop | Type | Default | Description |
|---|---|---|---|
tracks | AudioTrack[] | — | Preferred multi-track playlist. |
src | string | — | Single-track source when tracks is omitted. |
title | string | "Audio track" | Single-track title. |
artist | string | "Opus Demo" | Single-track artist. |
artworkSrc | string | — | Optional cover image URL. |
initialIndex | number | 0 | Starting playlist index. |
autoPlay | boolean | false | Start playback automatically. |
loop | boolean | false | Loop the current track. |
loopPlaylist | boolean | true | Wrap previous/next and advance on end. |
showArtwork | boolean | true | Show artwork panel. |