Remotion + AI 视觉：程序化视频生成

用 React 代码生成短视频、GPT 写文案 + 可灵做图 + Remotion 编排。零实拍、零剪辑、零等待。

为什么选 Remotion？

Remotion 是基于 React 的视频生成框架，让你用 JSX 写视频、组件化复用、用 npm 包管理素材。对比传统视频软件：

✅ 代码版本管理（Git 即可）
✅ 模板化复用（一个组件生成 100 个视频）
✅ 程序化数据驱动（JSON 数据 → 自动生成视频）
✅ 与 AI 工具完美集成（GPT/可灵 API）
❌ 入门门槛（需要 JSX 基础）

技术栈

Remotion 4.x（视频合成引擎）
React 18 + TypeScript
可灵 3.0 Omni（AI 视觉素材）
GPT-4o（文案 / 数据生成）
Mureka / Skywork（背景音乐）

最小可行项目

src/
  Root.tsx          # 视频根组件
  MyVideo.tsx       # 单个视频
  components/
    Title.tsx       # 标题组件
    Image.tsx       # 图片组件
    Audio.tsx       # 音频组件
  data/
    script.json     # 视频脚本数据

工作流：GPT 生成脚本 JSON → 可灵生成画面素材 → Remotion 编排 → 渲染输出 MP4。

实战案例

《思考快与慢》：用 Remotion 做的读书解读视频，15MB，15 分钟产出。包含 12 个分镜、AI 配音、可灵插图、自动字幕。

《别再把 AI 当搜索框》：AI 热点写稿配套视频，16MB，1 小时产出（含 6 段动画、3 个数据可视化）。

踩坑清单

音频文件必须 preload="auto" 否则播放卡顿
图片用 Pexels CDN 直链，不要本地 import（文件大）
视频渲染用 Lambda 比本地快 5 倍
字幕文件用 SRT 单独导入，便于多语言版本

下一步

把 Remotion 项目模板化，做成可复用的"视频工厂"。输入 JSON 脚本，自动输出不同主题的视频。