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.

npm version gzip license

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

-> docs.waveformplayer.com

License