A React component for rendering audio waveforms.
npm install @noya-app/react-waveformA React component for rendering audio waveforms.
``bash`
npm i @noya-app/react-waveform
`tsx
import React from 'react';
import { Waveform } from '@noya-app/react-waveform';
function MyComponent() {
// Your AudioBuffer instance
const audioBuffer = / ... /;
return (
start={0}
end={10}
density={1}
height={100}
width={800}
waveformColor="#3B82F6"
mode="mirror"
/>
);
}
`
- audioBuffer: AudioBuffer - The audio buffer to visualizestart
- : number - Start time in secondsend
- : number - End time in seconds density
- : number - Sampling densityheight?
- : number - Canvas height (default: 100)width?
- : number - Canvas width (default: 800)waveformColor?
- : string - Waveform color (default: "#fff")mode?`: "mirror" | "line" - Render mode (default: "mirror")
-