Usage
import {
BarVisualizer,
useAudioVolume,
useBarAnimator,
useMultibandVolume,
type AgentState,
type AudioAnalyserOptions,
type BarVisualizerProps,
type MultiBandVolumeOptions,
} from "@/components/ui/bar-visualizer";
Basic Visualizer
<BarVisualizer state="listening" barCount={15} mediaStream={stream} />
Demo Mode
<BarVisualizer state="speaking" demo={true} centerAlign={true} />