Waveform Player for React

A React component wrapper for @arraypress/waveform-player. Typed props for every option, an imperative ref handle, and SSR-safe dynamic loading.

Documentation · npm

Install

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

Import the core CSS once in your app entry, then render the component:

import '@arraypress/waveform-player/dist/waveform-player.css';
import { WaveformPlayer } from '@arraypress/waveform-player-react';

<WaveformPlayer url="/track.mp3" title="My Song" artist="The Artist" waveformStyle="mirror" />

Documentation

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

-> 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