Waveform
Live spectrum bars for microphone input or agent speech.
Installation
pnpm dlx shadcn@latest add @jds/waveform
Usage
import { Waveform } from "@/components/voice/waveform"
import { useAudioLevel } from "@/hooks/use-audio-level"
const mic = useAudioLevel()
<Waveform spectrum={mic.spectrum} active={mic.active} />API Reference
Waveform
| Prop | Type | Default |
|---|---|---|
spectrumOne value 0 to 1 per bar. | number[] | – |
activeInactive bars flatten and dim. | boolean | true |
useAudioLevel
| Prop | Type | Default |
|---|---|---|
bandsNumber of spectrum bands. | number | 24 |
returnsCall start() from a user gesture. | { level, spectrum, active, error, start, stop } | – |