remotion-video
Installation
Summary
Programmatic video creation with React components, animations, and audio synchronization.
- Compose videos using React components with frame-based animation via
useCurrentFrame()andinterpolate()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
SKILL.md
Remotion Video
用 React 以编程方式创建 MP4 视频的框架。
核心概念
- Composition - 视频的定义(尺寸、帧率、时长)
- useCurrentFrame() - 获取当前帧号,驱动动画
- interpolate() - 将帧号映射到任意值(位置、透明度等)
- spring() - 物理动画效果
- - 时间轴上排列组件
快速开始
创建新项目
npx create-video@latest