Remotion
🎬

Remotion

用 React 代码批量生成视频的开源框架,动画、字幕与数据可视化都能组件化复用,内置 AI 编程插件可让 Agent 直接写视频代码。

🎬 视频 🆓 免费增值 ★★★★☆
访问官网
✓ 优点
  • 可版本管理、可测试,视频像代码一样工程化
  • 批量出片成本低,非常适合数据类与模板类视频
  • 开源免费,付费只在云端渲染和企业授权
! 缺点
  • 需要 React 基础,非技术用户门槛偏高
  • 复杂特效仍需自己写动画代码
  • 商业团队使用需购买公司授权
✦ 核心功能
  • 以 React 组件定义视频,任意 CSS/Canvas 动画都能直接复用
  • 支持参数化模板,一份代码批量渲染成百上千条视频
  • 内置 Remotion Player 可在网页里实时预览成片
  • 提供 Lambda 云端并行渲染,长视频渲染时间可控
  • 官方提供 AI 编程插件与文档,便于 Cursor 等 Agent 写视频代码

简介

Remotion 把视频还原成”一帧一帧的 React 组件”。你写的是普通前端代码,渲染器负责按时间轴逐帧截图再编码成 MP4。

这种做法的最大价值是可复用:一条带数据变量的视频模板,改个 JSON 就能生成一千条。

适用场景

  • 数据可视化视频:榜单、财报、涨跌曲线,数据一变视频自动更新。
  • 批量营销素材:不同城市、不同产品的口播外壳一次渲染。
  • 产品演示:用真实 UI 组件录屏式讲解,改版后重渲染即可。

使用建议

先用 npx create-video@latest 起一个模板项目,把可变部分全部抽成 props,再接上 Lambda 做并行渲染。如果只是偶尔剪一条视频,用它反而不如剪映省事。