Waveform Line
Audio waveform line visualization.
PrimitiveData & mediaAdvanced
waveform-line30fps · 960×540
Install
$ npx remotion-ui@latest add waveform-lineSmooth waveform path powered by @remotion/media-utils.
Advanced. Installs @remotion/media-utils.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/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
Example
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. |