remotion-video

SKILL.md

Programmatic video creation with React components, animations, and audio synchronization.

Compose videos using React components with frame-based animation via useCurrentFrame() and interpolate() for precise timing and motion control

Supports audio integration (MiniMax TTS for voice cloning, Edge TTS for free synthesis) with automatic scene synchronization via audioConfig.ts

Includes 3D video capabilities via React Three Fiber for product demos, character animation, and data visualization; WebGL context management required for multi-scene rendering

Renders to MP4, WebM, GIF, image sequences, and audio formats; supports AWS Lambda for distributed rendering and web player embedding

Remotion Video

用 React 以编程方式创建 MP4 视频的框架。

核心概念

Composition - 视频的定义（尺寸、帧率、时长）

useCurrentFrame() - 获取当前帧号，驱动动画

interpolate() - 将帧号映射到任意值（位置、透明度等）

spring() - 物理动画效果

 - 时间轴上排列组件

快速开始

创建新项目

npx create-video@latest