### [Remotion](https://dkwy.com/)

**Published:** 2026-05-06T08:11:42

**Author:** 蛋壳

**Excerpt:** Remotion是一个开源框架，让开发者能够完全通过使用React编写代码来创建视频和动画。与依赖具有复杂界面的传统视频编辑软件不同，Remotion允许JavaScript开发者利用他们现有的技能和工具编写直接渲染为专业MP4视频的代码。该框架支持服务器端渲染、本地渲染和无服务器执行，在视频生成的方式和位置方面提供灵活性。通过Remotion播放器进行实时预览和编辑器起始模板构建自定义视频编辑应用程序等功能，Remotion使视频创作变得易于访问和可扩展。

## 产品概述

Remotion是一个开源框架，让开发者能够完全通过使用React编写代码来创建视频和动画。与依赖具有复杂界面的传统视频编辑软件不同，Remotion允许JavaScript开发者利用他们现有的技能和工具编写直接渲染为专业MP4视频的代码。该框架支持服务器端渲染、本地渲染和无服务器执行，在视频生成的方式和位置方面提供灵活性。通过Remotion播放器进行实时预览和编辑器起始模板构建自定义视频编辑应用程序等功能，Remotion使视频创作变得易于访问和可扩展。

## 主要功能

|     |     |
| --- | --- |
| **基于React的视频开发** | 使用React组件和JSX语法编写视频内容，让开发者能够将现有的前端专业知识应用到视频制作中，无需学习专门的视频编辑工具。 |
| **大规模程序化视频生成** | 通过数据参数化视频内容，自动生成数百或数千个定制化视频，非常适合个性化营销活动和数据驱动的视频制作。 |
| **多种渲染选项** | 支持本地、服务器或无服务器渲染，支持包括MP4和WebM在内的多种输出格式，在部署和基础设施选择方面提供灵活性。 |
| **Remotion播放器和工作室** | 在浏览器中预览和编辑视频，提供交互式工具，包括时间轴管理、资源导入、音量控制、关键帧动画和实时合成预览。 |
| **集成视频编辑工具** | 提供全面的编辑功能，如音频波形可视化、淡入淡出控制、播放速度调节、裁剪、旋转和自动资源时长检测。 |
| **编辑器起始模板** | 利用预构建的模板，包含时间轴、画布、字体选择器和资源管理的基本组件，加速自定义视频编辑应用程序的开发。 |

## 使用场景

-   **个性化视频营销：**为每个用户自动生成定制视频，如年度回顾总结或个性化营销内容，可高效地扩展到数百万用户。
-   **数据可视化视频：**自动将数据和统计信息转换为动画视频，包括商业报告、性能仪表板或根据输入数据动态更新的教育内容。
-   **社交媒体内容自动化：**大规模创建品牌视频片段、视频卡片和推广内容，为自动化社交媒体发布和营销活动提供一致的样式。
-   **活动和产品精彩集锦：**自动生成定制回顾视频，如马拉松参与者精彩集锦、产品展示视频或为个人用户定制的活动总结。
-   **自定义视频编辑平台：**通过利用Remotion的编辑器起始模板和客户端渲染功能，为最终用户构建基于Web的视频编辑器和创作工具。



---