Demo
Native audio controls
console.log(e.detail)} src="/example.mp3" autoplay={false} {volume} {playbackRate} {paused} bind:currentTime let:duration >
Custom audio controls
Audio Actions
(paused = false)}>Play
(paused = true)}>Pause
(paused = !paused)}>Toggle
Seeking
(currentTime = currentTime + 5)}>Skip 5s
(currentTime = currentTime - 5)}>Rewind 5s
(currentTime = 30)}>Go to 30s
(currentTime = duration - 30)}>Go to 30s before end
Playback Rate
{#each [0.5, 1, 2, 3] as rate}
(playbackRate = rate)}>{rate}x
{/each}
Volume
{#each [0, 0.25, 0.5, 0.75, 1] as v}
(volume = v)}>{v * 100}%
{/each}