Caption Scene
Lower-third captions synced to audio.
SceneData & mediaAdvanced
caption-scene30fps · 960×540
Install
$ npx remotion-ui@latest add caption-sceneFull caption scene with safe-area positioning and page sequencing.
Advanced. Installs @remotion/captions.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/scenes/caption-scene- Use when: captioned videos, social clips, and synced text scenes.
- Customize: captions, combineTokensWithinMilliseconds, placement, mode, 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 { 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. |
| mode | "highlight" | "karaoke-scale" | "karaoke-underline" | "karaoke-scale" | Caption emphasis style. |