SuperAPI AI 工具集

remotion-best-practices

前端与建站

查看项目

更新于 10-16 00:04

技能介绍

用途:当处理 Remotion 代码时使用本技能,获取 Remotion 的领域特定知识,帮助在 React 中创建视频。

主要能力:技能以规则文件形式组织,按需读取以获得详细说明与代码示例。涵盖 3D(Three.js 与 React Three Fiber)、基础动画、素材导入(图片、视频、音频、字体)、音频使用(导入、裁剪、音量、速度、音高)、动态设置合成时长与尺寸及 props、用 Mediabunny 检测视频可否解码、图表与数据可视化(柱状、饼图、折线、股票图)、合成与静帧及文件夹与默认 props、按时间戳提取帧、Google 字体与本地字体、获取音频/视频时长与视频尺寸、GIF 与时间轴同步、Img 组件嵌入图片、@remotion/light-leaks 光斑叠加、Lottie 动画、测量 DOM 节点与文本尺寸及溢出检查、序列模式(延迟、裁剪、限制时长)、TailwindCSS、文字动画、插值曲线(线性、缓动、弹簧)、场景转场、透明视频渲染、裁剪模式、视频嵌入(裁剪、音量、速度、循环、音高)、用 Zod schema 参数化视频、Mapbox 地图动画、用 ElevenLabs TTS 添加 AI 配音。

使用方式:处理字幕或副标题时加载 ./rules/subtitles.md;涉及裁剪视频或检测静音等操作时使用 FFmpeg,加载 ./rules/ffmpeg.md;需要音频可视化(频谱条、波形、低音反应效果)时加载 ./rules/audio-visualization.md。其余主题读取对应的 rules 目录下单个规则文件获取详细解释与代码示例。

适用场景:在 React 项目中用 Remotion 制作视频、动画、字幕、数据可视化、配音等。

限制:资料未提供安装命令、收费与价格、平台支持范围及具体效果说明。