Podcast Clip
Podcast composition with audio visuals and captions.
CompositionCompositionsAdvanced
Install
$ npx remotion-ui@latest add podcast-clippodcast-clip30fps · 1080×1920
00:00:00
00:12:06
Export snippet
import { PodcastClip } from "@/compositions/podcast-clip";
<PodcastClip
title="Ship faster with source"
subtitle="Edit every frame in your repo"
ctaLabel="Install compositions as source you own"
/>Audio-first template with pulse rings, waveform, captions, and CTA.
9:16 podcast template (1080×1920).
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, subtitle, 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 { PodcastClip } from "@/compositions/podcast-clip";
<PodcastClip audioSrc={staticFile("podcast.wav")} captions={captions} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| audioSrc* | string | - | Audio source. |
| captions* | Caption[] | - | Synced captions. |
| title | string | - | Opening title, reused as the episode title. |
| subtitle | string | "Pull one quote into a vertical clip" | Supporting line under the opening title. |
| showName | string | "Studio Sessions" | Show name above the episode title. |
| ctaTitle | string | - | End card headline. Defaults to `showName`. |
| ctaLabel | string | - | End card CTA pill label. |