SuperAPI AI 工具集

remotion-best-practices

通用与其它

查看项目

更新于 10-16 04:32

技能介绍

用途:当你处理 Remotion 代码时使用本技能,获取 Remotion 领域特定知识,围绕在 React 中创建视频的最佳实践。

主要能力:以规则文件形式覆盖多项主题,可按需阅读单个文件获取详细解释与代码示例。涉及内容包括:3D 内容(使用 Three.js 与 React Three Fiber)、基础动画、资源导入(图片、视频、音频、字体)、音频与声音(导入、裁剪、音量、速度、音高)、动态设置合成时长/尺寸/属性、判断视频能否被浏览器解码(Mediabunny)、图表与数据可视化、定义合成/静帧/文件夹/默认属性及动态元数据、字幕显示(TikTok 风格分页与逐词高亮)、按时间戳抽取视频帧、加载 Google 字体与本地字体、获取音频时长、获取视频宽高、获取视频时长、显示与时间轴同步的 GIF、嵌入图片(Img 组件)、导入 .srt 字幕(@remotion/captions)、嵌入 Lottie 动画、测量 DOM 元素尺寸、测量文本尺寸与适配及溢出检查、序列编排(延迟、裁剪、限制时长)、使用 TailwindCSS、排版与文字动画、插值曲线(线性、缓动、弹簧动画)、音频转写生成字幕、场景转场、裁剪(去掉动画开头或结尾)、嵌入视频(裁剪、音量、速度、循环、音高)。

使用方式:查阅 rules 目录下的各个规则文件,例如 rules/3d.md、rules/animations.md、rules/assets.md 等,每个文件提供该主题的详细说明和代码示例。

适用场景:开发或维护任何 Remotion 项目时,用于查漏补缺、遵循最佳实践。

限制:资料未提供安装命令、版本要求、收费信息或平台细节。