Waveform Bar for React

React components for the Spotify-style persistent bottom-bar audio player. A singleton <WaveformBar> you mount once, plus polymorphic <WaveformBarTrigger> play/queue buttons you drop anywhere.

Documentation · npm

Install

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

import { WaveformBar, WaveformBarTrigger } from '@arraypress/waveform-bar-react';

function App() {
  return (
    <>
      {/* Render once in your layout */}
      <WaveformBar config={{ persist: true, continuous: true }} />

      {/* Trigger buttons anywhere */}
      <WaveformBarTrigger url="/audio/track.mp3" title="My Track" artist="Producer" />
    </>
  );
}

Documentation

Full guides, the props reference, and the imperative API live on the docs site.

-> docs.waveformplayer.com

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

License

MIT © ArrayPress