SuperAPI AI 工具集

remotion-best-practices

前端与建站

查看项目

更新于 10-15 17:27

技能介绍

用途:当你在编写或修改 Remotion 代码(用 React 制作视频)时,可借助该技能获取领域特定知识。

主要能力:以规则文件形式组织各类主题,包括 3D 内容(Three.js 与 React Three Fiber)、基础动画、素材导入(图像、视频、音频、字体)、音频与声音处理(导入、裁剪、音量、速度、音高)、动态设置合成时长尺寸与 props、用 Mediabunny 判断视频能否被浏览器解码、图表与数据可视化、定义合成与静帧与文件夹与默认 props 与动态元数据、TikTok 风格字幕与单词高亮、按时间戳抽帧、加载 Google Fonts 与本地字体、获取音频时长、获取视频宽高、获取视频时长、GIF 与时间轴同步、使用 Img 组件嵌入图像、导入 .srt 字幕(@remotion/captions)、嵌入 Lottie 动画、测量 DOM 节点尺寸、测量文本尺寸与适配容器及检查溢出、序列编排(延迟、裁剪、限制时长)、在 Remotion 中使用 TailwindCSS、排版与文字动画、插值曲线(线性、缓动、弹簧动画)、转场模式、渲染带透明度的视频、裁剪动画开头或结尾、嵌入视频(裁剪、音量、速度、循环、音高)、用 Zod schema 让视频可参数化、使用 Mapbox 添加地图并动画化。

使用方式:按需阅读具体的规则文件以获取详细说明与代码示例,例如 rules/animations.md、rules/audio.md、rules/videos.md 等。

适用场景:需要为 Remotion 项目编写动画、音视频、字幕、数据可视化或交互参数等实现时。

限制:资料未提供安装配置方式、版本兼容性、收费或运行环境等具体信息,暂未提供。