Installation
Usage
import VisualizerButton from "@/components/ruixen/visualizer-button";
export default function App() {
return <VisualizerButton audioSrc="/audio/track.mp3" />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
audioSrc | string | - | Audio file URL |
bars | number | 14 | Number of equalizer bars |
barWidth | number | 3 | Bar width in pixels |
barGap | number | 2 | Gap between bars in pixels |
barRadius | number | 1.5 | Bar corner radius |
height | number | 20 | Equalizer height in pixels |
className | string | - | Additional CSS classes |