Audiogram Scene
Podcast audiogram layout with spectrum bars.
SceneData & mediaAdvanced
audiogram-scene30fps · 960×540
Install
$ npx remotion-ui@latest add audiogram-scenePodcast-style layout combining title and live audio visualization.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/scenes/audiogram-scene- Use when: audio-first videos, podcast clips, and waveform visuals.
- Customize: src, title, subtitle, logoSrc, 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 { AudiogramScene } from "@/remotion/scenes/audiogram-scene";
<AudiogramScene src={staticFile("podcast.wav")} title="Episode 1" />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| src* | string | - | Audio file URL or staticFile path. |
| title | string | - | Episode title. |
| subtitle | string | - | Optional subtitle. |
| logoSrc | string | - | Optional brand mark above the title. |