← 返回学习中心 · 图文、视频与演示OiOi Academy
AI绘画视频3D · 06

Codex + Remotion:剪辑小白 1 小时做出票房榜短视频

@Saccc_c:Codex 找素材下载片段,Remotion 衔接动画编排——表达清楚目标,就能出完成度不错的动画成片。

原作者 @Saccc_c 来源 X 发布 2026-05-02
🧭

开篇:这课解决什么问题

一个视频剪辑小白,不到 1 小时,做出了电影票房排行榜短视频。怎么做到的?Codex 负责找素材、下载片段,Remotion 负责衔接动画和画面编排。

这是 @Saccc_c 的另一条路线(《第 5 课》是 HyperFrames,本课是 Remotion)。两课同作者、同思路,区别只在渲染框架不同。

记住:一句话结论:Remotion = 用 React 写视频的框架;你负责把目标效果说清楚,Codex + Remotion 负责把它变成成片。
🎞️

分工:谁干什么

  • Codex:找素材、下载片段—— dirty work 它来。
  • Remotion:衔接动画和画面编排——把片段、文字、动效排成时间线。
  • 你:表达清楚目标效果——这是唯一的门槛。

Remotion 的本质:用 React 代码写视频。时间线、转场、字幕全是代码,改起来是改参数,不是拖时间线。HyperFrames(第 5 课)用 HTML 写,Remotion 用 React 写——都是"代码视频",只是方言不同。

借用配图(出自第 5 课原文,同作者):Codex App 里安装视频插件的入口,Remotion 也是以插件形式接入
借用配图(出自第 5 课原文,同作者):Codex App 里安装视频插件的入口,Remotion 也是以插件形式接入
高中生类比
传统剪辑是在"时间线"上摆积木;Remotion 是给积木写"说明书":第 3 秒出现什么、怎么动,全写进代码。改需求 = 改说明书,重跑一遍就行。
🧪

案例:电影票房排行榜

作者用这套组合做了条电影票房排行榜短视频:数据条跳动、排名变化、封面图切换——典型的"数据可视化 + 榜单"题材。

为什么这种题材适合代码视频?因为榜单 = 数据 + 模板:数据换一期,模板不用动。下周做"本周票房榜",换个数据文件重跑就行——这正是代码视频对"系列内容"的降维打击。

借用配图(出自第 5 课原文,同作者):$image-gen 生成的素材示例——视频里的封面、产品图这类素材,可让 Codex 内建的 GPT Image 2 直接生成
借用配图(出自第 5 课原文,同作者):$image-gen 生成的素材示例——视频里的封面、产品图这类素材,可让 Codex 内建的 GPT Image 2 直接生成
💰

成本:一个 GPT 会员

评论区最实在的两个问题:

  • "效果不错,但成本有点高啊?"——作者回:"一个 GPT 会员就搞定"。
  • "牛逼!烧了多少 token?"——作者回:"没细看,全 Codex 自己操作"。

翻译一下:钱的成本就是一份会员;token 的成本作者都没操心——因为全程是 Codex 自己在操作,人只负责说目标。

记住:记住:这条路线的成本结构是"一份会员 + 你的描述能力",而不是"剪辑软件 + 你的剪辑技术"。
⚠️

翻车:效果不好是谁的锅

评论区也有翻车的:"我实际做的效果不大好,它不会自己找素材,然后乱拼一些给我。"

作者的诊断就五个字:"提示词的问题?"——Codex 不是"不会找素材",是你的描述没让它明白"找什么样的、怎么拼"。回到《第 5 课》的提示词七要素:类型、时长画幅、目标、风格、关键元素、动效、声音,缺了哪块,AI 就在哪块自由发挥。

避坑
觉得 AI"乱拼",先别怪模型:把你的提示词对照七要素检查一遍,八成是某要素没说清。描述越具体,AI 越好改——"再好看一点"是最坏的反馈。
🔗

定位:未来拼的不是工具

评论区一句话被作者盖章:"codex + remotion 以后绝对是剪辑必要的生产力,而且剪辑未来最主要的并不是谁会使用 AI,而是你的想象力,还有你的个人 IP。"

本课在专题里的位置:

  • 第 5 课:HyperFrames 入门(HTML 方言,提示词七要素全)。
  • 本课(第 6 课):Remotion 实战小案例(React 方言,1 小时票房榜)。
  • 第 12 课:完整 studio 管线(两种框架的取舍 + 批评循环)。
高中生类比
HyperFrames 和 Remotion 像普通话和粤语:都是"代码视频"这门语言,选哪个看你顺手。先精通一条路线,再学另一条。
词

术语翻卡:点卡片看解释

Remotion
Remotion
用 React 代码写视频的框架:时间线、转场、字幕全是代码。
代码视频
code-driven video
不用剪辑软件、用代码描述画面并渲染成片的视频制作方式。
票房榜视频
ranking video
数据条跳动、排名变化的榜单类短视频,适合代码视频批量生产。
插件
plugin
Codex App 里扩展能力的模块,Remotion / HyperFrames 都以插件形式接入。
测

自测一下:点问题展开参考答案

Codex 找素材下载片段;Remotion 衔接动画和画面编排;你负责把目标效果表达清楚。

榜单 = 数据 + 模板,模板一次写好,换数据重跑就行,适合做系列内容。

一个 GPT 会员;token 成本不用操心,全程 Codex 自己操作。

"提示词的问题"——描述没说清,AI 就在没说清的地方自由发挥;对照提示词七要素补齐。

都是"代码视频"框架,只是方言不同:HyperFrames 用 HTML 写,Remotion 用 React 写。