docmontage: add children's fantasy content routing + CaptionOverlayOnly composition
Teach the agent to automatically use Pixabay AI-generated fantasy clips for children's content. scene-director.md gets query rewriting rules (10-row table) and source routing. asset-director.md gets source lock, visual consistency check, and fallback rules. Root.tsx adds a CaptionOverlayOnly Remotion composition for transparent caption rendering used in the TikTok-style subtitle pipeline.
This commit is contained in:
@@ -13,6 +13,7 @@ import {
|
||||
import { EndTag, EndTagProps } from "./components/EndTag";
|
||||
import { HeroTitle } from "./components/HeroTitle";
|
||||
import { ProductReveal, ProductRevealProps } from "./components/ProductReveal";
|
||||
import { CaptionOverlay, WordCaption } from "./components/CaptionOverlay";
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// Theme System — prevents every video from looking like dark fintech
|
||||
@@ -250,6 +251,21 @@ export const Root: React.FC = () => {
|
||||
accentColor: "#00D4FF",
|
||||
} as ProductRevealProps}
|
||||
/>
|
||||
<Composition
|
||||
id="CaptionOverlayOnly"
|
||||
component={CaptionOverlay}
|
||||
durationInFrames={30 * 300}
|
||||
fps={30}
|
||||
width={1920}
|
||||
height={1080}
|
||||
defaultProps={{
|
||||
words: [] as WordCaption[],
|
||||
wordsPerPage: 3,
|
||||
fontSize: 58,
|
||||
highlightColor: "#FACC15",
|
||||
backgroundColor: "rgba(15, 23, 42, 0.75)",
|
||||
}}
|
||||
/>
|
||||
<Composition
|
||||
id="EndTag"
|
||||
component={EndTag}
|
||||
|
||||
Reference in New Issue
Block a user