用途:通过 Remotion(基于 React)以代码方式生成视频,适合复杂文字动画(弹簧物理、错峰出现、打字机效果)、数据驱动视频(由 JSON/CSV 生成图表、仪表盘)、可复用参数化 React 模板、品牌片头片尾动态图形,以及随数据更新的内容(周报、记分卡)。转码、裁剪、拼接、简单文字叠加、音频处理等不需要程序化渲染的任务应改用 FFmpeg。
主要能力:以 Composition(宽高、fps、时长)、Component(接收 useCurrentFrame 的 React 组件)、Sequence(定时子段)、Spring(物理动画)为核心概念;支持标题卡、数据柱状图、逐行动画文字、品牌片头片尾模板等模式;可渲染为 mp4/webm,也可导出单帧图片作缩略图。
使用方式:先检查 node --version(需 18+)与 npx remotion --version;无项目时用 npx create-video@latest --template blank my-video-project 创建并 npm install。在 src/Root.tsx 注册 Composition,渲染命令如 npx remotion render src/index.ts TitleCard output.mp4 --props='{"title":"Hello World"}' --codec h264 --crf 18;透明叠加用 --codec vp8 --image-format png;单帧用 npx remotion still。常用参数包括 --codec、--crf、--image-format、--scale、--every-nth-frame、--concurrency、--props。渲染后可交给其他子技能做拼接、字幕或平台导出。
限制:需 Node.js 18+ 与 Chrome Headless Shell,首次渲染会下载约 200MB;逐帧截图比 FFmpeg 慢;Remotion 对个人免费,4 人及以上公司需付费;简单操作不适用。更多 API 模式见 references/remotion.md。