Svelte 5 components for the persistent bottom-bar audio player.
Render <WaveformBar /> once, then drop <WaveformBarTrigger /> anywhere you want a "play this track" element.
npm install @arraypress/waveform-bar-svelte @arraypress/waveform-bar @arraypress/waveform-player svelte<script lang="ts">
import { WaveformBar, WaveformBarTrigger } from '@arraypress/waveform-bar-svelte';
</script>
<!-- render ONCE in your root layout -->
<WaveformBar config={{ persist: true, continuous: true }} />
<!-- drop triggers anywhere -->
<WaveformBarTrigger url="/audio/track.mp3" title="My Track" artist="The Artist" />Full guides, props, and the imperative API live on the docs site.
Svelte guide — install, props, the imperative API, and SSR notes. All four Svelte wrappers (player / bar / playlist) are on that page.
MIT © ArrayPress