Remotion 是用 React 写视频的框架，2020 年创建，由 remotion-dev 维护，官网 remotion.dev。它把视频当成一个 React 项目：组件树决定画面，props 决定参数，当前帧由框架提供，渲染器逐帧截图并编码成 MP4。README 现在的自我描述是“Video tools for the agent era”，同时覆盖 AI 生成、交互式编辑和程序化生产三条路径。本文按官方 README 整理，未在本机完整实测；渲染后端和许可证条款以官方文档为准。
React 代码是唯一事实来源
README 里有一句话：“React Code is the source of truth. Switch your workflow at any point.” 意思是无论你从 Agent 生成、拖拽编辑还是写代码开始，最终产物都是可读的 React 工程，可以在三种方式之间切换，不会被锁进某个编辑器。
对开发者来说，这意味着视频可以像前端项目一样管理：组件复用、TypeScript 类型、npm 依赖、Git diff、代码审查、单元测试。数据可视化、字幕、图表动画、品牌模板都能封装成组件库，改一次规范，所有引用它的视频一起更新。
三种使用方式
- Agent 生成：README 提供 Agent Skills 和 Prompts，让 coding agent 按 Remotion 的结构写视频。
- 交互式编辑：官方提供拖拽式编辑能力，适合不写代码的人调整动画。
- 程序化生产：用代码连接数据，批量生成视频，README 把这称为 React 代码驱动的自动化。
三种方式共用同一套组件和渲染管线，不是三个互不兼容的产品。团队可以让设计写模板、运营填数据、Agent 做一次性变体，最后都落到同一个工程里。
渲染与自动化
除了本地渲染，README 列出 Node.js API、AWS Lambda、Vercel Sandbox 和客户端渲染几种部署方式，用于批量渲染和把渲染能力放进应用。官方还提供 Player 组件、Editor Starter 和 Mediabunny，方便把播放器或编辑器嵌进自己的产品。
对需要每周生成上千条个性化视频的团队，Lambda 这类横向扩展能力比单机渲染更关键；对只想在网页里预览动画的开发者，Player 和客户端渲染更直接。README 还单独列了 SSR 方案对比页，选型前值得先读，因为不同方案的冷启动、并发和成本差别很大。
上手
已经安装 Node.js 的话，一条命令创建项目：
npx create-video@latest |
之后按 remotion.dev/docs 的安装页配置。官方文档超过 1000 页，覆盖 Elements、Effects、Shapes、Transitions、Sound Effects、Captions、Fonts 等组件，以及 SSR、Lambda、Vercel 和客户端渲染。README 也指向模板、Agent Skills 和提示词库，适合先跑通一个模板再改。第一次使用建议从官方模板开始，先理解“组合（Composition）—场景—帧”的关系，再拆成自己的组件。
典型场景
一家公司每周要发布数据周报视频。后端把指标写成 JSON，Remotion 工程用组件把数字、图表和口播字幕串成 60 秒片子，CI 里调用 Node.js API 渲染，失败就重试。设计规范变了只改组件库，所有历史模板一起更新。这是传统剪辑软件很难做到的部分：视频不再是某个人的工程文件，而是可以测试、可以回滚的代码。
和 OpenFilm、传统剪辑的差别
OpenFilm 让 Agent 直接写 film.html，一个 frame(t) 函数画一帧，抽象更薄；Remotion 提供完整的 React 运行时、组件生态和多种渲染后端，工程化程度更高，但学习和维护成本也更高。与 Premiere、DaVinci 这类 NLE 相比，Remotion 不提供时间线手感，换来的是一致性、可测试和批量能力。三者不是替代关系，很多团队用 Remotion 做批量模板，再用 NLE 做最终精修。
许可证与限制
Remotion 不是简单的 MIT。README 明确提示它使用特殊许可证，某些商业场景需要购买公司许可，使用前必须读 LICENSE 页面。技术上，它要求熟悉 React 和 TypeScript；复杂视频的渲染时间和机器成本要提前估算；动画调试仍需要理解帧、插值和合成，不是“说一句话就出片”。版本迭代较快，升级时要看变更说明，尤其是渲染 API 和 Lambda 部署部分。
适合谁
适合有前端工程能力、需要数据驱动视频、批量渲染或把视频能力嵌进产品的团队；也适合想用 coding agent 做视频但不愿放弃代码可维护性的开发者。只想偶尔剪一条生活视频的人，用剪映或 OpenCut 更省事。
入口
- 仓库：remotion-dev/remotion
- 官网与文档：remotion.dev，文档：remotion.dev/docs
- 许可证说明：remotion.dev/license
- 许可证：以仓库为准（特殊许可证，商业使用可能需公司授权）