# Podcast Teaser

Vertical teaser cut from a podcast: one clip of the audio with its waveform, the show, and a pull quote.

```bash
npx shadcn add https://www.reelcn.dev/r/podcast-teaser.json
```

Usage:

```tsx
<Composition
  id="PodcastTeaser"
  component={PodcastTeaser}
  schema={podcastTeaserSchema}
  defaultProps={{ ...podcastTeaserDefaults, audio: staticFile("episode-42.mp3"), clipStart: 734, clipEnd: 762 }}
  calculateMetadata={podcastTeaserMetadata}
  width={1080}
  height={1920}
  fps={30}
  durationInFrames={1}
/>
```

Use for:

- Promoting an episode with its best thirty seconds

Avoid:

- Whole episodes or segments with captions. Use `audiogram`

Dependencies:

- `remotion`
- `zod`


## Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| clipStart | `number` | — | Seconds into the audio where the clip starts. |
| clipEnd | `number` | — | Seconds into the audio where the clip ends. |
| quote | `string` | — |  |
| show | `string` | — |  |
| theme? | `"daylight" \| "midnight" \| "mono" \| "ledger" \| "afterglow" \| "chromewave" \| "neon" \| "paper" \| "sunset"` | — | Theme preset. Inherits the surrounding `ThemeProvider` when omitted. |
| brand? | `{ accent?: string; logo?: string; font?: string; }` | — |  |
| sfx? | `boolean` | — | Plays a soft whoosh as each scene starts. |
| music? | `string` | — | Background music file, looped under everything at 25% volume. |
| audio? | `string` | — | The episode audio. Beat-driven bars stand in when omitted. |
| cover? | `string` | — |  |