Signals
Waveform Line
Audio waveform line visualization.
PrimitivesignalsAdvanced
Install
npx remotion-ui@latest add waveform-lineSmooth waveform path powered by @remotion/media-utils.
Live preview
Advanced — installs @remotion/media-utils.
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add waveform-lineImport after install
@/remotion/primitives/waveform-line- Use when: audio-first videos, podcast clips, and waveform visuals.
- Customize: src, height, mirror, plus copied source for timing, layout, colors, and typography.
- Rule: do not import this component from the
remotion-uinpm package; it is copied into your project.
Usage
import { WaveformLine } from "@/remotion/primitives/waveform-line";
<WaveformLine src={staticFile("voice.wav")} mirror />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| src* | string | — | Audio source. |
| height | number | 120 | SVG waveform height. |
| mirror | boolean | false | Draw a reflected waveform. |