WaveformBar

A persistent bottom audio player bar for any website. Built on WaveformPlayer — site-wide playback with queue management, favorites, cart integration, DJ mode, and session persistence.

Documentation · npm

---

Install

npm install @arraypress/waveform-player @arraypress/waveform-bar

<!-- WaveformPlayer must load first -->
<link rel="stylesheet" href="https://unpkg.com/@arraypress/waveform-player/dist/waveform-player.css">
<script src="https://unpkg.com/@arraypress/waveform-player/dist/waveform-player.js"></script>

<!-- Then WaveformBar -->
<link rel="stylesheet" href="https://unpkg.com/@arraypress/waveform-bar/dist/waveform-bar.css">
<script src="https://unpkg.com/@arraypress/waveform-bar/dist/waveform-bar.js"></script>

<button data-wb-play
        data-url="song.mp3"
        data-title="My Song"
        data-artist="Artist Name">
    Play
</button>

<script>
    WaveformBar.init({ continuous: true });
</script>

Documentation

Full configuration, triggers, theming, and API reference live in the docs.

-> docs.waveformplayer.com

Configuration · Features · Triggers · Theming · API

License

MIT © ArrayPress