ai-animate

Text

AudioWaveform

Animated speaking indicator waveform that reacts to audio level or self-animates.

Installation

npm install @ai-animate/core

Usage

import { AudioWaveform } from '@ai-animate/core'


<AudioWaveform barCount={32} />

Props

levelnumberundefined0–1 audio level. If undefined, self-animates.
barCountnumber32Number of bars in the waveform
colorstringrgba(255,255,255,0.25)Inactive bar color
activeColorstring#ffffffActive bar color
barWidthnumber3Width of each bar in pixels
barGapnumber3Gap between bars in pixels
maxHeightnumber48Maximum bar height in pixels
minHeightnumber4Minimum bar height in pixels
speednumber1Self-animation speed multiplier
roundedbooleantrueWhether bars are rounded