Remotion:用 React 代码编程做视频
想做视频但不会 AE?觉得传统剪辑软件无法批量生成个性化内容?
Remotion 是一个让前端开发者用 React 代码制作视频的框架。它允许你利用熟悉的 Web 技术(CSS, Canvas, SVG, WebGL)来编排视频,把组件渲染成 MP4。
仓库:
github.com✨ 重点
● 💻【编程驱动】使用变量、API 数据、算法来驱动视频内容,轻松实现批量化生成(如年度账单、个性化欢迎视频)。
● 🔧【React 生态】复用你熟悉的 React 组件、Hooks 和 NPM 包。支持 Fast Refresh,修改代码实时预览视频效果。
● 🎨【可视化 Studio】内置 Remotion Studio,提供时间轴、属性控制器,像剪辑软件一样直观调试你的代码视频。
● ☁️【云端渲染】配合 Remotion Lambda,实现高并发的服务器端视频渲染,是搭建自动化视频工作流的神器。
💡 使用建议
● 特别适合做“数据可视化视频”、“代码演示”或者“千人千面”的营销视频。
● 注意 License:虽然开源,但商业使用有特定条款(小团队/个人通常免费,大公司需付费),使用前建议阅读 License 页面。
● v4.0 版本大幅提升了 Studio 体验,时间轴操作更顺滑,建议直接上手最新版 `npx create-video@latest`。