02 · Video Engine
Remotion 编程式视频引擎
基于 React + TypeScript 的编程式视频方案，1080×1920 竖屏，组件化场景系统，主题色变体驱动。
🎨 设计系统
画布尺寸1080 × 1920 (9:16)
字体NotoSerifSC + NotoSansSC
颜色变体default / danger / gold
主题色角色专属 Hex 覆盖
动画系统useDelayedSpring + useDelayedFade
字幕同步appearAtMs 毫秒级驱动
🧩 场景组件 (7 种)
Cover封面标题 + 人设图叠加
Origin出身背景 + 统计卡片
TragedyinfoCards + 分屏对比 + 印章
Timeline时间线滚动 + 事件标注
Achievement高光时刻 + 统计面板
Character性格侧写 + 关键词高亮
Ending尾声总结 + 滚动文本
Cover 场景 · 标题浮现 + 人设图叠加
Tragedy 场景 · infoCards 逐张浮现
Timeline 场景 · 时间线滚动
// SceneConfig 类型系统 — 所有场景通过配置驱动，零硬编码
export interface SceneConfig {
id: string;
type: SceneType; // 'cover' | 'origin' | 'tragedy' | ...
title: string;
mood: string;
audioFile: string;
subtitles: Subtitle[];
themeColor?: string; // 角色专属主题色
audioDurationMs?: number; // 精确音频时长
infoCards?: InfoCard[];
timeline?: TimelineItem[];
splitCompare?: { ... }; // 分屏对比
keywordHL?: { ... }; // 关键词高亮
seal?: { ... }; // 物理弹跳印章
scrollText?: { ... }; // 底部滚动文本
}
