OpenCode Day28：零剪辑基础，我用OpenCode+Remotion做了个23秒宣传视频

我没学过视频剪辑，也不懂React。但OpenCode让我也能做视频，而且可以批量做、随时改。视频忘记添加，放在评论区了！

之前一直想尝试使用AI生成视频。但一想到要下软件、学剪辑、调动画，就放弃了。也试过Seedance这类纯AI视频生成工具——输入提示词就能出片，确实快，但问题是：生成的内容像开盲盒，想改一个字、调一个画面的位置，就得重新生成，完全不可控，更别提批量生产了。

后来发现Remotion这个工具——用代码写视频，而且免费、可批量、可随时修改。配合OpenCode，我终于把这事搞定了。

这篇文章是我用OpenCode+Remotion做视频的全记录。如果你也想过做视频但被剪辑软件劝退，应该能给你一些启发。

市面上的视频工具很多，但都不太适合我这种“不想学软件”的人。

Remotion有几个对我特别友好的特点：

• 免费
  ：开源项目，不用付费订阅
• 可批量
  ：视频就是代码，改个数据就能生成一堆
• 可修改
  ：今天做完了，明天想改一个字，改代码重新渲染就行，不用重头剪

它的原理很简单：用React写组件，Remotion把每一帧渲染成图片，再合成视频。React是什么我不需要懂，OpenCode懂就行。

做视频这件事，传统方式是：想好内容 → 打开剪辑软件 → 拖素材 → 调动画 → 导出。我不会剪辑，所以这条路走不通。

用OpenCode的方式是：描述我想要的效果 → OpenCode写代码 → 渲染出视频。

我只需要动嘴，不用动手。而且视频是代码，改起来特别方便——今天觉得某个字不好，改一行代码重新渲染就行，不用重新剪。

更关键的是：批量生产同类视频变得极其简单。比如我要给不同产品做宣传片，只需要换文字、换图片，代码复用，一分钟生成一个新视频。这在传统剪辑软件里是不可想象的。

下面是我用OpenCode+Remotion做第一个视频的全过程。所有代码都是OpenCode写的，我只负责描述需求。

我跟OpenCode说：

“用Remotion帮我初始化一个视频项目，我要做一个Remotion工具的宣传片”

它告诉我运行npm create video@latest，然后自动生成了项目结构。我不用关心那些文件是干什么的，OpenCode会帮我写。

我继续描述：

“帮我规划一个8个场景的视频，23秒，主题是Remotion这个工具，风格现代、有科技感”

OpenCode给出了完整的时间线：

Scene 1 (0-2s)      : CREATE VIDEOS / WITH CODE
Scene 2 (1.5-4.5s)  : Remotion（打字机效果）
Scene 3 (4-7.5s)    : 彻底改变视频制作方式
Scene 4 (7-11s)     : 每一帧，尽在掌控
Scene 5 (10.5-15s)  : 用你熟悉的 React 技能
Scene 6 (14.5-18.5s): React 组件化、帧动画控制、实时预览、4K 导出
Scene 7 (18-21s)    : 时间轴、组件库、渲染
Scene 8 (20.5-23s)  : 立即开始创作

每个场景的时长、过渡方式都帮我算好了。相邻场景有0.5秒重叠，用于淡入淡出过渡——这个细节是OpenCode自己加的，我没想到。

OpenCode在写代码的时候，主动提醒了我一个坑：

“如果用<Sequence>切换场景，组件会在结束时卸载，导致淡出动画还没完就突然消失。建议用opacity控制所有场景同时渲染。”

它给出了正确的代码结构（简化版）：

// 所有场景始终渲染，用opacity控制显隐
<AbsoluteFill style={{ opacity: scene1Opacity }}>
  <Scene1 />
</AbsoluteFill>
<AbsoluteFill style={{ opacity: scene2Opacity }}>
  <Scene2 />
</AbsoluteFill>

然后它帮我算了opacity的时间线，让相邻场景有15帧重叠，形成自然交叉淡入淡出。

💡 想要完整的opacity计算代码？文末留言“我要代码”，我发给你。

OpenCode用了两种动画方式：

• interpolate（线性插值）
• ：适合淡入淡出、位移等精确控制。比如开场文字从0放大到1.2再回到1。
• spring（弹性动画）
  ：适合有弹跳感的入场效果。比如特性列表依次滑入，带一点弹力。

我说“开场文字要弹出来”，它自动调好了spring参数——damping: 12, mass: 0.5。我不需要懂什么是阻尼、什么是质量，只需要告诉它“快一点”或“慢一点”。

背景我选了Memphis风格的几何图形（三角形、圆形、波浪线），OpenCode帮我写成了React组件，还让它们缓慢上下浮动。

音频就是放一首无版权的背景音乐，OpenCode提醒我：

“音量不要超过0.5，否则会爆音。”

这个小细节省了我不少调试时间。

第一次渲染完，视频里有几帧是黑的。我把报错信息复制给OpenCode，它检查后说：“Scene1的淡出和Scene2的淡入没有重叠，中间有空白帧。需要调整时间线。”

它自己改了代码，重新渲染就好了。

我用了一个Google字体，视频里没加载出来。OpenCode说：

“需要用Remotion提供的loadFont方法预加载。”

然后它自动加上了代码。

批量生成时，OpenCode提醒我：

• 每次修改后先渲染前几秒预览，确认没问题再渲染全片
• 把常改的内容（文字、图片）抽成配置文件，改配置就行，不用改代码

这些建议让我省了很多时间。

如果纯靠自己，这个视频我根本做不出来。用OpenCode，我只需要：

• 描述需求
  ：“开场要炫酷”
• 看效果提意见
  ：“这个动画太快了”
• 验收成品
  ：“这里颜色不对”

OpenCode帮我做了所有“动手”的事：

• 写全部代码（500+行）
• 计算时间线（每帧做什么）
• 调动画参数（spring阻尼、质量）
• 处理各种坑（字体、空白帧、音量）

而且，因为视频是代码，后续的批量生产、随时修改变得极其简单。这是传统剪辑软件做不到的。

视频做成之后，我立刻体会到了代码化视频的好处。

比如我想做另一个产品的宣传片，只需要：

• 复制整个项目文件夹
• 改几个文字内容
• 换背景图片
• 重新渲染

整个过程不到10分钟。如果用传统剪辑软件，得从头拖素材、调动画、配音乐……至少半天。

1. 先想清楚视频结构：多长时间？几个场景？每个场景说什么？说清楚，AI才能准确输出。

2. 把OpenCode当同事：它不懂你的审美，但能听懂你的描述。多沟通，多试，不满意就改。

3. 别怕报错：报错信息直接复制给OpenCode，它会告诉你原因和解决办法。

4. 为批量做准备：把可变的文字、图片抽出来，做成配置文件。这样下次做同类视频，改几个参数就行。

✅ 适合：

• 产品宣传片（批量做不同产品）
• 教程视频（批量生成系列课程预告）
• 数据可视化视频（每周数据自动生成视频）
• 任何需要重复制作的短视频

❌ 不适合：

• 真人拍摄剪辑
• 复杂特效
• 长视频（渲染慢）

这篇文章只讲了思路。如果你想要：

• 完整的8个场景代码
• 批量生成的配置文件模板
• 调试好的动画参数

你用过AI做视频吗？或者想试试？评论区聊聊。

🎁 福利：在评论区留言「我要代码」，我会把完整项目发给你。