跳至正文
PERSONAL SKILL · 内容可视化

Remotion 中文口播插入动画

从中文科技、AI 与商业口播中选择值得视觉化的段落,把数字、流程和因果关系做成可插入剪辑的竖屏动画,而不是把口播重新抄成字幕。

项目导读

输入与输出
输入口播稿或字幕,输出约 10 秒的竖屏 Remotion 动画、插入位置说明及素材来源说明。默认规格为 1080×1920、30fps。
核心设计
围绕关系选择画面:数字比较、流程、因果链、分支与闭环。每段只解释一个核心关系,并为平台 UI 和口播字幕预留安全区。
图片来源
下方两张图均从本地已存在的 Skill 成片第 7 秒抽取,不是新生成的概念图。可从仓库查看对应 MP4 和完整示例。

先判断哪里值得画,再决定怎么动

Skill 先拆解观点、解释、案例和结论,再选择视觉收益较高的段落。它不是把每句话都做成动画,而是用图形、真实素材和镜头顺序减少理解成本。制作过程包含素材规划、Remotion 实现、抽帧审查和批量交付。

实际成片「05-FDE落地五步法.mp4」第 7 秒:步骤随口播顺序进入,连接线同步推进。
实际成片「05-FDE落地五步法.mp4」第 7 秒:步骤随口播顺序进入,连接线同步推进。查看原图

安全区不是最后再缩一遍

竖屏动画需要提前留出字幕、平台 UI 和裁切区域。字数、节点数与镜头节奏应在制作前确定;信息过多时调整结构,而不是把所有文字缩小。每条动画检查前、中、后三个阶段,重点看重叠、错连、截断以及动作是否真正完成。

实际成片「02-从关键词到真实需求.mp4」第 7 秒。保留原画面与原始竖屏比例。
实际成片「02-从关键词到真实需求.mp4」第 7 秒。保留原画面与原始竖屏比例。查看原图

如何使用与复核

将 Skill 安装到 Codex 后提供口播稿,说明需要的插入数量、平台和素材约束。最终仍应人工核对事实、素材授权与画面可读性。仓库提供示例成片、视觉规范、内容规划和审查清单:https://github.com/axbgs123/remotion-talking-head-inserts/tree/main/assets/examples

源码与完整文档

查看完整说明、运行方式与源码:https://github.com/axbgs123/remotion-talking-head-inserts