Typed Astro component wrapper for @arraypress/waveform-playlist.
Multi-track audio playlists with canvas waveforms, chapters, and lazy mounting — as typed props.
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' }]} />Full props, the imperative API, and SSR notes live in the docs.
Astro guide — install, props, the imperative API, and SSR notes. All four Astro wrappers (player / bar / playlist) are on that page.
MIT © ArrayPress