Talking Head Layout
Caption-safe creator layout for speaker clips.
SceneScenesAdvanced
talking-head-layout30fps · 1080×1920
Install
$ npx remotion-ui@latest add talking-head-layoutFrame speaker media with title copy, optional waveform, and reserved caption space.
Advanced. Installs @remotion/media and waveform-line for optional audio visuals.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/scenes/talking-head-layout- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: mediaSrc, audioSrc, 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 { TalkingHeadLayout } from "@/remotion/scenes/talking-head-layout";
<TalkingHeadLayout
mediaSrc={staticFile("speaker.mp4")}
audioSrc={staticFile("voice.wav")}
title="Put the speaker first"
/>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| mediaSrc | string | - | Optional image or video source for the speaker/media slot. |
| audioSrc | string | - | Optional audio source for the waveform line. |
| title | string | - | Primary title beside or below the media. |
| subtitle | string | - | Supporting copy. |
| fit | "cover" | "contain" | "cover" | Media object-fit behavior. |