一个使用 React 制作真实 MP4 视频的框架/工具链。它的核心理念是“用代码写视频”（Make videos programmatically），让开发者可以用熟悉的 React 组件、CSS、Canvas、SVG、Web 技术栈来创建高质量、可参数化的动态视频。

核心定位与适用场景

• 把视频当作 React 应用来写，而不是用传统视频编辑软件
• 特别适合需要批量生成、数据驱动、个性化或动态内容的视频
• 典型场景包括：
  • 社交媒体自动生成视频（带数据可视化）
  • 年终总结/个性化回顾视频
  • 音乐可视化、歌词视频
  • 产品介绍/宣传片模板化生成
  • 字幕视频、讲解视频批量生产
  • AI 生成视频的后端渲染方案

主要产品功能与特性

1. React 组件写视频
   使用 <Composition>、<Sequence>、<Video>、<Img>、<Audio> 等组件，像写网页一样写视频
   支持 React 的所有特性：hooks、组件复用、props 传参、context 等

2. 强大的参数化能力（Parametric Videos）
   通过 props 传入任意数据（JSON、API 数据等），视频内容实时变化
   同一个模板可以生成无限变体的视频（名字、成绩、排名、图片、颜色等）

3. 动画与过渡
   内置 <AnimatedImage>、<Move>、<Scale> 等动画原语
   支持 CSS 动画、Framer Motion 风格的动画
   使用 useCurrentFrame()、interpolate()、spring() 等 API 做逐帧精确控制

4. 渲染方式非常灵活

   • 本地渲染：npx remotion render
   • 服务端渲染（SSR）
   • Remotion Lambda：serverless 并发渲染（按需扩展，最适合大规模生产）
   • 支持自建云渲染集群

5. 输出格式

   • MP4（最常用）
   • GIF、WebM、音频提取、静态图片序列、GIF 序列等

6. Remotion Player
   在网页中实时预览和播放 Remotion 视频（类似 HTML5 video，但支持 seek 到任意帧）
   可嵌入 Next.js / Vite / CRA 等 React 项目中

7. 数据获取与动态内容
   支持在视频渲染时 fetch API、读取本地文件、调用数据库
   结合 AI 可以做到 prompt → 视频 的 pipeline

8. AI 集成

   • Remotion Skills：结合 Claude 等大模型，通过自然语言直接生成视频代码
   • 支持 prompt → 完整 Remotion 项目 的能力（非常适合 AI 视频生成后端）

9. 自定义视频编辑器能力

   • Remotion Editor Starter（付费模板）：提供时间线、素材库、字体选择、画布交互等组件
   • 可以快速搭建类似剪映/CapCut 的 Web 端视频编辑器
   • 很多公司用它做 SaaS 视频生成平台

10. 其他实用工具

    • Remotion Studio（动态编辑体验）
    • Timing Editor（调整时间轴）
    • Convert a Video（格式转换工具）