用途:用 React 组件以编程方式定义视频内容,输出 MP4、WebM、GIF、音频或图片序列,适用于动画、字幕、音乐可视化、教程讲解和 3D 视频。
主要能力:Composition 定义尺寸、帧率与时长;useCurrentFrame() 驱动动画;interpolate() 将帧号映射到位置、透明度等值,spring() 提供物理动画;Sequence 在时间轴上排列组件。支持 Video/Audio/Img 素材、参数化 props、@remotion/player 网页播放器、@remotion/captions 字幕、AWS Lambda 渲染,以及 @remotion/three 的 React Three Fiber 3D 视频。
使用方式:npx create-video@latest 创建项目,npm run dev 启动 Remotion Studio 预览;Root.tsx 注册 Composition,组件内使用帧驱动动画。渲染:npx remotion render MyVideo out/video.mp4,可用 --codec=h264 指定编码、--crf 控制质量、--props 传参、--concurrency 并行;单帧用 npx remotion still。3D 需安装 npm i three @react-three/fiber @remotion/three @types/three,或用模板 npx create-video@latest --template three。
AI 语音:资料给出 MiniMax TTS 与 Edge TTS 两种方案,前者按字符计费、云端克隆,后者免费、固定音色,配合 scripts/generate_audio_minimax.py 或 scripts/generate_audio_edge.py 生成音频,并以 audioConfig.ts 作为音画同步的单一数据源。
限制与注意:Sequence 内 useCurrentFrame() 返回相对帧号;多个 3D 场景同时存在可能导致 WebGL 上下文溢出,需用 sceneIndex 条件渲染或懒加载,并配置 gl: "angle";服务端渲染需设置 chromiumOptions.gl。其余未在资料中明确说明的平台支持与效果暂未提供。