Remotion：用 React 批量生成固定栏目、排行榜和数据周报

Tue, 28 Jul 2026 13:38:00 +0800

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

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

Remotion 能做什么？

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

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

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

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

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

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

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

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

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

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

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

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

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