RemotionUI

Podcast Clip

Podcast composition with audio visuals and captions.

CompositionCompositionsAdvanced

Install
$ npx remotion-ui@latest add podcast-clip
podcast-clip30fps · 1080×1920
00:00:00
00:12:06
Export snippet
import { PodcastClip } from "@/compositions/podcast-clip"; <PodcastClip title="Ship faster with source" />

Audio-first template with pulse rings, waveform, captions, and CTA.

Agent notes

Install first, then import the copied source component locally. AI guide →

Import
@/compositions/podcast-clip
  • Use when: audio-first videos, podcast clips, and waveform visuals.
  • Customize: audioSrc, captions, title, plus copied source for timing, layout, colors, and typography.
  • Rule: do not import this component from the remotion-ui npm package; it is copied into your project.

Usage

Example
import { PodcastClip } from "@/compositions/podcast-clip"; <PodcastClip audioSrc={staticFile("podcast.wav")} captions={captions} />

API Reference

PropTypeDescription
audioSrc*stringAudio source.
captions*Caption[]Synced captions.
titlestringOpening title.

Related