开源发现

在 AI编码工具快速发展的2026年，越来越多开发者开始重新思考视频生产方式。当 Claude Code、Codex、Cursor等工具已经能够自动生成应用代码时，视频创作领域也正在发生类似的变化。其中，一个被频繁提及的名字就是 Remotion。

Remotion不是传统的视频剪辑软件，也不是 AI视频生成模型，而是一套基于 React的开源视频开发框架。它允许开发者像编写网页应用一样编写视频，通过组件、动画逻辑、数据接口以及 AI工具，最终输出高质量的视频内容。对于开发者和 AI创作者来说，Remotion正逐渐成为视频自动化领域的重要基础设施。

图片来源：remotion.dev

什么是 Remotion？

简单来说，React用于渲染网页，而 Remotion用于渲染视频。

Remotion是一个基于 React技术栈构建的视频生成框架，开发者可以使用熟悉的前端技术创建视频，包括 React Components、TypeScript、CSS、SVG、Canvas、WebGL、Three.js，以及各种数据接口和 AI Agent。

最终生成的视频格式包括：

• MP4
• WebM
• GIF
• PNG序列帧

这意味着，视频不再是时间轴上的素材堆叠，而是可以像软件工程项目一样进行开发、维护和自动生成。

为什么越来越多人开始使用 Remotion？

传统的视频制作流程通常依赖 After Effects、Premiere等软件，需要通过关键帧、时间轴编辑和手动渲染完成整个制作过程。每一次修改都意味着重新调整和重新输出。

而 Remotion则采用完全不同的思路：

React组件 → 动画逻辑 → AI生成代码 → 自动批量渲染。

这种模式最大的优势在于，开发者只需要编写一次逻辑，就可以无限次自动生成内容。

例如：

• 自动生成每日新闻视频
• 自动生成商品宣传视频
• 自动生成在线课程视频
• 自动生成数据报告视频
• 自动生成 AI Shorts短视频

整个过程无需重复剪辑，大幅提高内容生产效率。

此外，Remotion几乎没有传统视频软件的学习门槛。对于熟悉 HTML、CSS、JavaScript和 React的开发者而言，可以直接使用现有技术栈进入视频创作领域。

AI为什么特别适合 Remotion？

2026年，越来越多开发者甚至不再手写 Remotion项目代码，而是直接利用 AI编程工具生成完整的视频工程。

例如，只需要向 AI输入：

“帮我制作一个15秒科技新闻片头，包含蓝色粒子背景动画、DGNewLive Daily AI News标题、文字滑入动画、LOGO缩放效果和粒子特效。”

AI工具就可以自动生成完整的 Remotion项目结构、动画逻辑和渲染配置。

这使得 Remotion天然成为 AI视频自动化工作流的重要组成部分。

DGNewLive 站内开发工具主题配图

Remotion的核心原理

Remotion的核心理念其实非常简单：视频本质上是一系列连续播放的静态图像。

在 Remotion中，每一帧都会重新执行一次 React组件渲染。例如：

const frame = useCurrentFrame();

随着 frame值不断变化，组件状态也会发生变化，从而形成动画效果。

开发者可以使用 interpolate、spring等函数构建复杂动画，而不需要依赖传统关键帧编辑器。

如何开始使用 Remotion？

官方推荐的开发环境包括：

• Node.js 20+
• npm 10+

创建项目只需要执行：

npx create-video@latest

或者：

npx create-video@latest my-video

随后选择官方推荐模板配置，包括 Hello World模板、Tailwind支持以及 Agent Skills。

项目创建完成后，安装依赖并启动开发环境：

npm install npm run dev

浏览器访问本地地址后，即可打开 Remotion Studio。许多开发者将其称为“程序员版本的 Premiere”。

创建第一个 Remotion视频

创建一个 React组件后，可以通过 useCurrentFrame获取当前帧，并利用 interpolate实现动画效果。例如实现一个黑色背景、文字渐显的动画，只需要几十行 React代码。

随后，在 Root.tsx中注册视频 Composition，定义视频帧率、时长以及分辨率等参数。

最后，通过：

npx remotion render

即可导出最终视频。

Remotion支持多种输出格式，包括 H.264、H.265、ProRes、WebM以及 GIF。

Remotion可以应用在哪些领域？

目前，Remotion社区已经形成了多个成熟应用方向：

AI视频

• AI新闻播报
• AI Shorts
• 自动解说视频

YouTube内容制作

• 频道包装动画
• 开场片头
• 字幕动画

商业营销

• 产品宣传片
• 自动营销视频
• 数据可视化视频

游戏媒体

• 游戏新闻视频
• Steam宣传视频
• 游戏更新日志视频

企业场景

• 培训课程视频
• 自动 PPT视频
• 周报和数据汇报视频

Remotion与 AI的结合，正在改变视频生产方式

当前最流行的视频自动化工作流已经逐渐形成：

RSS新闻 → 大语言模型总结 → 自动生成脚本 → Remotion视频生成 → 自动发布到 YouTube Shorts。

整个流程甚至无需打开 Premiere或 After Effects。

随着 AI Agent、自动化工作流以及代码生成能力持续提升，视频创作正在从“编辑”转向“开发”。

如果说 Premiere是视频编辑器，After Effects是动效编辑器，那么 Remotion更像是一套视频开发框架。

它真正重要的价值不在于替代传统剪辑软件，而在于提供了视频自动化、批量生产、数据驱动和 AI原生工作流的基础设施。对于开发者和 AI创作者来说，Remotion很可能成为未来几年最值得关注的视频技术之一。

官网地址：https://www.remotion.dev/