RemotionUI

Podcast Clip

Audio-first clip with waveform visuals and synced captions.

Install
$ npx remotion-ui@latest add --recipe podcast-clip
Render
$ npx remotion render src/Root.tsx PodcastClip out/podcast-clip.mp4

Usage notes

  • Use PodcastClip for a complete composition.
  • Use AudioPulse, WaveformLine, or AudiogramScene for custom audio visuals.
  • Provide an audio source and caption data for a synced final result.
  • Keep captions readable and inside safe areas.
  • Import installed components from local source paths, not from remotion-ui.

Agent notes

  • Prefer this recipe when the user wants an audio-first clip with waveform and captions.

Typical imports

Imports
import { PodcastClip } from "@/compositions/podcast-clip"; import { AudioPulse } from "@/remotion/primitives/audio-pulse"; import { WaveformLine } from "@/remotion/primitives/waveform-line";

On this page