Scenes
Talking Head Layout
Caption-safe creator layout for speaker clips.
SceneblocksAdvanced
Install
npx remotion-ui@latest add talking-head-layoutFrame speaker media with title copy, optional waveform, and reserved caption space.
Live preview
Advanced — installs @remotion/media and waveform-line for optional audio visuals.
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add talking-head-layoutImport after install
@/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
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. |