SuperAPI AI 工具集

remotion-best-practices

前端与建站

查看项目

更新于 10-16 01:33

技能介绍

用途:这是一个面向 Remotion(用 React 创建视频)的技能,当你在处理 Remotion 代码时使用它来获取该领域的专门知识。

主要能力:技能以规则文件形式组织,每个文件针对一个主题提供详细说明和代码示例。涵盖内容包括:3D 内容(Three.js 与 React Three Fiber)、基础动画、资源导入(图片、视频、音频、字体)、音频处理(导入、裁剪、音量、速度、音高)、动态设置合成时长/尺寸/属性、用 Mediabunny 检查视频能否被浏览器解码、图表与数据可视化、定义合成与静帧/文件夹/默认属性/动态元数据、按时间戳提取视频帧、加载 Google 字体与本地字体、获取音频时长、获取视频宽高、获取视频时长、与时间轴同步显示 GIF、用 Img 组件嵌入图片、嵌入 Lottie 动画、测量 DOM 节点尺寸、测量文本尺寸与溢出、序列模式(延迟、裁剪、限制时长)、使用 TailwindCSS、文字排版与文字动画、插值曲线(线性、缓动、弹簧动画)、场景转场、渲染透明视频、裁剪动画首尾、嵌入视频(裁剪、音量、速度、循环、音高)、用 Zod schema 让视频参数化、用 Mapbox 添加并动画化地图。

使用方式:按需阅读对应的规则文件获取详细解释与代码示例。处理字幕或说明文字时,加载 ./rules/subtitles.md 文件获取更多信息。

适用场景:任何涉及 Remotion 视频代码编写、调试或扩展的任务。

限制:资料未提供安装命令、收费方式、平台要求或效果保证等信息。