Waveform Playlist for Astro

Typed Astro component wrapper for @arraypress/waveform-playlist. Multi-track audio playlists with canvas waveforms, chapters, and lazy mounting — as typed props.

Documentation · npm

Install

npm install @arraypress/waveform-playlist-astro @arraypress/waveform-playlist @arraypress/waveform-player

---
import WaveformPlaylist from '@arraypress/waveform-playlist-astro';
import '@arraypress/waveform-player/dist/waveform-player.css';
import '@arraypress/waveform-playlist/dist/waveform-playlist.css';
import wfpJsUrl from '@arraypress/waveform-player/dist/waveform-player.min.js?url';
import wfplJsUrl from '@arraypress/waveform-playlist/dist/waveform-playlist.js?url';
---
<script src={wfpJsUrl} is:inline></script>
<script src={wfplJsUrl} is:inline></script>

<WaveformPlaylist tracks={[{ url: '/a.mp3', title: 'A', artist: 'Artist' }]} />

Documentation

Full props, the imperative API, and SSR notes live in the docs.

→ docs.waveformplayer.com

Astro guide — install, props, the imperative API, and SSR notes. All four Astro wrappers (player / bar / playlist) are on that page.

License

MIT © ArrayPress