Signals
Caption Scene
Lower-third captions synced to audio.
ScenesignalsAdvanced
Install
npx remotion-ui@latest add caption-sceneFull caption scene with safe-area positioning and page sequencing.
Live preview
Advanced — installs @remotion/captions.
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add caption-sceneImport after install
@/remotion/scenes/caption-scene- Use when: captioned videos, social clips, and synced text scenes.
- Customize: captions, combineTokensWithinMilliseconds, placement, 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 { CaptionScene } from "@/remotion/scenes/caption-scene";
<CaptionScene captions={captions} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| captions* | Caption[] | — | Remotion caption array. |
| combineTokensWithinMilliseconds | number | 1200 | Words per caption page. |
| placement | "lower-third" | "center" | "lower-third" | Caption vertical placement. |