每周都要制作相似的视频内容，例如固定栏目、产品排行榜、行业数据周报，如果每次都重新改文字、换图片、调整动画，不仅耗时，还容易出现排版不一致的问题。

Remotion 提供了一种更适合批量生产的方式：使用 React、CSS、SVG、Canvas 等网页技术编写视频模板，再把标题、图片、排名、价格、数据和字幕作为参数传入，自动生成不同版本的视频。

Remotion 能做什么？

Remotion 的核心不是“自动剪辑”，而是用代码创建可重复使用的视频模板。

例如，可以先制作一个排行榜视频模板，然后只替换数据：

1
2
3
4
5

const rankingData = [
  { name: "项目 A", stars: 52000 },
  { name: "项目 B", stars: 43000 },
  { name: "项目 C", stars: 38000 },
];

当排行榜数据发生变化时，不需要重新设计视频，只需要更新数据，就可以再次渲染生成新的 MP4 文件。

适合哪些内容？

Remotion 特别适合结构固定、需要持续更新的视频内容，例如：

• GitHub 热门项目排行榜
• AI 工具推荐栏目
• 每周科技新闻速览
• 网站流量数据周报
• 电商产品榜单
• 股票或行业数据动画
• 批量商品宣传视频
• 个性化年度总结视频

对于这类内容，模板通常保持不变，变化的只是标题、图片、排名和数据，因此非常适合自动化生成。

为什么它能减少重复工作？

传统制作方式中，每一期视频都需要手动复制工程、修改文字、替换图片并重新检查动画。

使用 Remotion 后，可以把整个流程拆成三部分：

1. 视频模板：负责画面布局、动画和转场。
2. 内容数据：保存标题、图片、排行榜和统计数据。
3. 渲染脚本：自动读取数据并输出 MP4 视频。

以后更新栏目时，只需要修改 JSON、表格或接口数据，就能生成新的视频内容。

Remotion 的主要优势

• 使用 React 编写视频，前端开发者容易上手
• 支持 CSS、SVG、Canvas 和 WebGL
• 视频中的文字、图片和数据都可以动态替换
• 可以连接 API、数据库或 JSON 文件
• 支持批量生成多个不同版本
• 最终可渲染为 MP4 视频
• 适合接入自动化内容生产流程

使用前需要注意

Remotion 更适合有一定前端或 JavaScript 基础的用户。它不是传统的拖拽式剪辑软件，第一次使用时仍需要编写模板和配置渲染环境。

另外，Remotion 采用特殊许可证。个人项目和部分小型项目通常可以使用，但企业在正式投入生产前，应查看官方最新许可证说明。

总结

Remotion 最有价值的地方，不是帮你做一条视频，而是帮你建立一套可以反复使用的视频生产系统。

固定栏目、排行榜、数据周报和批量营销视频，只需要设计一次模板，后续更新数据即可重新生成，能够明显减少重复剪辑和排版工作。

项目地址

• GitHub：https://github.com/remotion-dev/remotion