SuperAPI AI 工具集

remotion-best-practices

前端与建站

查看项目

更新于 10-15 17:22

技能介绍

用途:该技能用于处理 Remotion 代码(在 React 中创作视频)时获取领域专用知识。凡涉及 Remotion 代码的场景均可使用。

主要能力:技能以规则文件形式组织,每条规则针对一个具体主题,包含详细说明和代码示例,需按需阅读单个文件。主题包括:3D 内容(Three.js 与 React Three Fiber)、基础动画、资源导入(图片、视频、音频、字体)、音频使用(导入、修剪、音量、速度、音调)、动态设置合成时长尺寸与 props、用 Mediabunny 检查视频可否被浏览器解码、图表与数据可视化、定义合成/静帧/文件夹/默认 props/动态元数据、TikTok 风格字幕页与逐词高亮、按时间戳提取视频帧、加载 Google 字体与本地字体、获取音频时长、获取视频宽高、获取视频时长、与时间线同步显示 GIF、用 Img 组件嵌入图片、用 @remotion/captions 导入 .srt 字幕、嵌入 Lottie 动画、测量 DOM 节点尺寸、测量文本尺寸与溢出、时序编排(延迟、修剪、限制时长)、使用 TailwindCSS、文字动画、插值曲线(线性、缓动、弹簧)、音频转写生成字幕、场景转场、动画首尾修剪、嵌入视频(修剪、音量、速度、循环、音调)。

使用方式:直接阅读对应的 rules/ 目录下单个规则文件获取详细说明与代码示例,例如 rules/animations.md、rules/audio.md、rules/trimming.md。

适用场景:在 React 项目中编写或调试 Remotion 视频代码时作为参考。

限制:本次资料未提供安装命令、许可证、价格、平台支持或效果承诺等信息。