SuperAPI AI 工具集

remotion-core

设计与创作

查看项目

更新于 10-16 03:41

技能介绍

用途:Remotion 用 React 渲染视频,合成是一个 React 组件,其输出是帧索引的纯函数——同一帧始终产生相同像素。本技能是构建单个 Remotion 项目的技术契约,正文为构建指南,各主题细节放在 references/ 中按需阅读。

主要能力:提供最小可渲染合成骨架、合成模式(独立与嵌套、Root.tsx 结构、Sequence 与 Series)、时间 API(useCurrentFrame、useVideoConfig、interpolate、spring、measureSpring)、序列与系列(<Sequence from> 裁剪时间、<Series> 串联场景、嵌套偏移)、媒体元素(<OffthreadVideo>、<Audio>、<Img>、trim、volume、startFrom)、确定性规则、动态元数据、静态文件、故事板与评审/生产循环、简报与脚本格式。

使用方式:每个合成入口文件 src/Root.tsx 导出一个 RemotionRoot,通过 <Composition> 注册合成,并显式提供 width、height、fps、durationInFrames。所有视觉值必须由 useCurrentFrame() 推导,禁止 Math.random()、Date.now()、setTimeout/setInterval、useState/useEffect 控制视觉属性、CSS 过渡动画、无限循环及持有帧派生可变状态的 useRef。场景根使用 <AbsoluteFill>,剪辑用 <Sequence from>,媒体路径经 staticFile()。验证可用 npx remotion studio、npx remotion render <entry> <id> out/test.mp4 --concurrency=1 及 ffprobe。

适用场景:构建或编辑 Remotion 视频合成、规划时间线与场景、放置视频/音频/图片、声明动态时长与尺寸。

限制:动画细节(弹簧物理、插值外推、错峰)需转到 remotion-animation → adapters/;calculateMetadata 仅在渲染前运行一次;渲染需用户批准预览后进行。具体收费、平台与效果资料暂未提供。