Codex+Remotion实战：用AI对话生成动画视频的完整教程

用对话就能生成动画视频？

你敢相信吗？一段精美的数据图表动画，不需要手写一行代码，只需要在对话框里输入几句自然语言就能生成。这并非天方夜谭，而是通过 Codex + Remotion 的组合已经可以实现的工作流。

本文将带你了解这套 AI 生成动画的工具链核心玩法、实际操作流程，以及使用过程中需要注意的关键经验。

实操演示：从对话到动画视频

第一步：用自然语言生成动画

在 Codex 的对话框中输入"使用 Remotion 插件创建一个动画图表"，系统会自动生成 React 组件代码并给出一张预览图。接着继续追问"导出动画视频"，它就会生成一段可预览的动画视频。

关于 Codex：OpenAI Codex 是基于 GPT 架构专门针对代码生成任务微调的 AI 模型，也是 GitHub Copilot 的底层引擎。2025 年推出的新一代 Codex Agent 已升级为具备完整软件工程能力的智能体，可以在沙箱环境中自主运行代码、调试错误、读写文件，并通过内置浏览器预览运行结果，真正实现了从"代码补全工具"到"自主编程智能体"的跨越。

整个过程完全是对话驱动的，不需要你手动编写任何代码。

第二步：通过多轮对话迭代优化

生成的初版动画往往不能完全满足需求，这时候多轮对话迭代的优势就体现出来了。比如希望背景色透明，可以直接告诉 AI"将视频改成透明背景"。AI 会尝试将 MP4 格式转成 WebM 格式，如果效果不理想，继续追问让它调整，最终生成 MOV 格式的透明背景视频。

透明背景视频格式说明：视频透明通道（Alpha Channel）的支持因编码格式而异。传统 MP4 使用 H.264 编码，该标准不支持透明通道。WebM 格式配合 VP9 编码虽支持 Alpha 通道，但部分剪辑软件兼容性有限。MOV 格式配合 Apple ProRes 4444 或 Animation 编码可以完整保留透明信息，是专业视频制作中透明素材的主流选择，Final Cut Pro、Premiere Pro 等主流剪辑软件均对其有良好支持。

将透明背景的视频导入剪辑工具后，可以自由叠加背景图片。上图中前半部分添加了背景图片，后半部分保持透明，验证了透明背景确实生效。

第三步：可视化二次编辑

使用 Codex 的内置浏览器打开项目后，可以在代码基础上进行可视化的二次修改：

• 修改标题：点击右上角的编辑功能，将图表标题改成"2026年上半年增长表"，刷新浏览器即可生效
• 修改数据：将数字 91 改成 80，图表的柱高和显示数据会同步更新，所有关联的柱高都会自动调整
• 语言切换：在对话框输入"将全部英文改成中文"，整个视频的文字就会变成中文

这种"对话 + 可视化编辑