SuperAPI AI 工具集

remotion-video

设计与创作

查看项目

更新于 10-16 06:45

技能介绍

用途:使用 Remotion 这一 React 视频框架制作生产级视频与动态图形。视频即代码,每一帧都是 React 组件,动画基于弹簧物理与帧插值。

主要能力:提供规则参考文件,涵盖核心钩子(useCurrentFrame、useVideoConfig、interpolate、spring)、动画与缓动、合成与注册(Composition、registerRoot、Folder、calculateMetadata)、媒体(Img、Video、OffthreadVideo、Audio、staticFile)、文本与字体(Google Fonts、本地字体、排版)、TailwindCSS 集成、音频(音量曲线、裁剪、帧同步)、字幕(SRT/VTT 解析、词级时间)、3D(@remotion/three、React Three Fiber)、图表动画、渲染(CLI、renderMedia API、质量预设)、数据驱动批量生成。另含讲解、产品演示、数据可视化三类模板,以及脚手架与渲染脚本。

使用方式:需 Node.js 18+。运行 bash scripts/scaffold_project.sh my-video-project 创建项目,cd 进入后 npm run dev 在 localhost:3000 打开 Remotion Studio 预览。用 <Sequence> 控制时序、<AbsoluteFill> 分层,所有动画状态由 useCurrentFrame() 推导,避免 Date.now() 或 setTimeout。渲染用 bash scripts/render.sh --composition MyComposition --quality final --format mp4,质量预设含 preview、draft、final、4k,格式含 mp4、webm、gif。

适用场景:讲解/教育视频、产品演示与营销、数据可视化动画、带旁白与字幕的视频、社交媒体短片、3D 场景、个性化批量生成、嵌入媒体的视频。

限制:必须 Node.js,无法在纯 Python 或无头容器环境运行;渲染依赖 Chromium,约需 300MB 磁盘;v1 仅本地渲染,不含 @remotion/lambda 云端渲染;大视频渲染较慢(60 秒 1080p 30fps 约 1800 帧,笔记本上可能需 10-30 分钟);全分辨率 GIF 体积大,建议 480p 且 10 秒内;渲染音频需 ffmpeg。若用户明确要求 React/Remotion 应保持本技能,缺失 Node.js 时报告前置条件而非切换引擎。