Audio Visualizer Bar

component

Canvas-2D audio spectrum visualizer with mel-scale bands and the shared visualizer lifecycle states (connecting, silent, speaking, thinking). Headless view for any MediaStreamTrack, plus a Pipecat-connected wrapper.

pnpm dlx shadcn@latest add "https://ui.pipecat.ai/r/audio-visualizer-bar.json"

Sign In

Audio Visualizer Bar

component

Canvas-2D audio spectrum visualizer with mel-scale bands and the shared visualizer lifecycle states (connecting, silent, speaking, thinking). Headless view for any MediaStreamTrack, plus a Pipecat-connected wrapper.

pnpm dlx shadcn@latest add "https://ui.pipecat.ai/r/audio-visualizer-bar.json"

components/pipecat/audio-visualizer-bar.tsx