SuperAPI AI 工具集

remotion-best-practices

前端与建站

查看项目

更新于 10-15 19:57

技能介绍

用途:在编写 Remotion 合成(动画演示、产品走查、黑客松提交、带旁白演示等通过 npx remotion render 输出 MP4 的场景)时使用。技能分两层:第一层是 Remotion 官方维护的基础规则(合成、动画、字体、音频、转场、FFmpeg、字幕等);第二层是从 vskill / Skill Studio 黑客松演示迭代中总结的演示视频制作经验。

主要能力与用法:新建项目用 npx create-video@latest --yes --blank --no-tailwind my-video;预览用 npx remotion studio --port=3030;渲染用 npx remotion render src/remotion/index.ts <CompositionId> out/video.mp4 --concurrency=8 --log=info,入口必须是调用 registerRoot() 的文件(通常 src/remotion/index.ts),传 Root.tsx 会报错。单帧检查用 npx remotion still <composition-id> --scale=0.25 --frame=30。常见坑:TransitionSeries 不要用 React.Fragment 包裹子元素;interpolate 的输入区间必须严格递增。

第二层经验涉及参考还原、镜头缩放、光标点击目标、高亮矩形、产品界面布局、原地状态切换、编辑器与 SKILL.md 编辑、终端场景、配音纪律等。资料明确说明这些规则源自特定项目,不应原样套用到无关演示;其中可迁移的是镜头缩放、光标定位、内容宽度高亮、原地状态过渡、配音与 script.ts 耦合、渲染加音频增强流程等技法,具体常量需按项目换算而非照抄。

限制:资料未提供收费、价格、平台支持范围等信息;第二层规则为特定项目经验,通用性有限。