Remotion — 编程式视频制作
使用 React 和 TypeScript 通过 Remotion 以编程方式创建视频。用代码构建动态的、数据驱动的视频、模板和动画。
用 React 和 TypeScript 构建视频
Remotion 将你的 React 组件转化为渲染视频。用代码编写合成、使用 Spring 动画，并在服务端大规模渲染。
基于 React 的视频合成
将视频场景编写为 React 组件。使用 JSX、props 和 state 以编程方式定义视频的每一帧。
完整 TypeScript 支持
类型安全的视频开发，支持 IntelliSense 智能提示、编译时错误检查，与现有 TypeScript 代码库无缝集成。
可复用模板库
构建可复用的视频模板库，包括片头、片尾、下方字幕条和数据可视化。跨项目共享。
数据驱动内容
将 JSON 数据、API 响应或数据库查询输入视频合成。从单个模板批量生成数百个独特视频。
动画框架
使用 Remotion 的弹簧动画系统和插值工具，创建流畅、专业的动态图形。
服务端渲染
在自有服务器或云端使用 Remotion Lambda 渲染视频。大规模并行处理批量视频。
如何使用 Remotion 创建编程式视频
四步使用 React 组件构建和渲染数据驱动视频。
安装 Remotion 技能
将 Remotion 技能添加到你的智能体中。它会搭建一个带有 TypeScript 配置和示例合成的 Remotion 项目。
创建 React 视频组件
将视频场景编写为 React 组件。使用 useCurrentFrame() 和 interpolate() 在时间线上为元素添加动画。
配置合成设置
定义分辨率、帧率、时长和输入 props。为动态内容设置数据源。
渲染最终视频
在 Remotion Studio 中预览，然后渲染为 MP4、WebM 或独立帧。部署到 Lambda 进行生产级渲染。
Remotion 编程式视频常见问题
关于使用 React、TypeScript 和 Remotion 构建视频的常见问题。
编程式视频指南
学习如何使用 Remotion 和 React 用代码构建、添加动画和渲染视频。
探索更多 AI 技能
发现我们完整的 AI 智能体视频制作技能集合。
AI Video Generator
Free AI video generator — create videos from text, images, or clips with Seedance 2.0, Sora 2, Kling 3.0, Runway Gen-4 & more. Compare models side by side.
AI Image Generator
Free AI image generator — create images from text prompts with Midjourney v7, Flux 2, DALL-E 3, Stable Diffusion & more. Compare quality side by side.
AI Music Generator
Free AI music generator — create songs with vocals, instrumentals & soundtracks using Suno v5, Udio 2 & more. Text-to-music with lyrics support.
AI Video Prompt Generator
AI video prompt generator — build optimized SCELA prompts for Seedance 2.0, Sora 2, Kling 3.0 & Runway Gen-4. Free tool with templates for YouTube, TikTok & Shorts.
Seedance 2.0 AI Video Generator
Seedance 2.0 by ByteDance — Director Mode with 12-file input, 4K output, face-lock consistency & lip-sync. Free 5 videos/day on Dreamina.
Kling 3.0 AI Video Generator
Kling 3.0 by Kuaishou — multi-shot 4K AI video with up to 6 camera cuts, lip-sync dialogue & synchronized audio. Free 6 clips/day, Pro from $8/mo.
Sora 2 AI Video Generator
Sora 2 by OpenAI — cinematic 1080p AI video from text with Storyboard editor, physics simulation & seamless scene transitions. Plans from $20/mo.
Runway Gen-4 AI Video Generator
Runway Gen-4 & Gen-4.5 — #1 on Video Arena with cinematic 4K output, motion brush, camera controls, inpainting & Adobe Firefly integration. From ~$15/mo.
Veo 3 AI Video Generator
Veo 3 by Google DeepMind — native audio generation alongside video, vertical 9:16 for TikTok/Shorts, scene extension & Gemini API access. Free to try.
Hailuo AI Video Generator
Hailuo AI by MiniMax — ultra-fast video generation with complex character expressions, anime/ink wash/game CG art styles & generous free tier. 30-second generation.
Wan 2.6 AI Video Generator
Wan 2.6 by Alibaba — open-source AI video model you can self-host. Text-to-video, image-to-video, ComfyUI integration & community extensions. Free online.
Luma AI Dream Machine Video Generator
Luma AI Dream Machine — ultra-fast AI video generation with camera motion controls, keyframe animation & image-to-video. Free 30 generations/month, API from $0.0032/frame.
Pika AI Video Generator & Editor
Pika AI — generate and edit AI videos with Pikaffects visual FX, lip sync, scene expansion & AI sound effects. Free 250 credits/month, Standard from $8/mo.
Midjourney 7 AI Image Generator
Midjourney v7 — premium photorealistic AI images with personalized style, ultra-high resolution, variation & remix tools, and multi-image blending. Plans from ~$10/mo.
Flux 2 AI Image Generator
Flux 2 by Black Forest Labs — open-weight AI image model with fast inference, accurate text rendering & commercial-friendly licensing. Self-host or use online.
Suno 5 AI Music Generator
Suno v5 — generate full songs with vocals, lyrics & multi-instrument arrangements from text prompts. Free tier available, premium plans for commercial use.
Udio 2 AI Music Generator
Udio 2 — studio-quality AI music generation with vocal cloning, stem separation, remix tools & genre-specific fine-tuning. Audiophile-grade output quality.
Text to Video AI Generator
Text to video AI — turn text prompts into cinematic video clips. Compare Seedance, Sora, Kling, Runway & 10+ models side by side. Free to start.
Image to Video AI Generator
Image to video AI — animate photos and illustrations into 4-20s video clips with motion control, camera paths & character consistency across frames.
Video to Video AI Generator
Video to video AI — restyle, upscale & transform existing clips with AI style transfer. Convert footage to anime, cinematic, or artistic looks while preserving motion.
Text to Image AI Generator
Text to image AI — generate photorealistic or artistic images from text descriptions. Compare Midjourney v7, DALL-E 3, Flux 2 & Stable Diffusion side by side.
Image to Image AI Generator
Image to image AI — transform, upscale & restyle photos with AI-powered style transfer, inpainting, outpainting & 4x resolution enhancement. Free online tool.
Text to Music AI Generator
Text to music AI — generate royalty-free tracks, jingles & background music from text prompts. Create custom soundtracks for YouTube, podcasts & social media.
AI Voice Generator
AI voice generator — create realistic voiceovers, narration & text-to-speech in 50+ languages. Voice cloning, emotion control & video narration export.