SuperAPI AI 工具集

remotion-best-practices

前端与建站

查看项目

更新于 10-16 08:01

技能介绍

用途:当处理 Remotion 代码时使用该技能,获取 Remotion 领域特定知识。Remotion 是用 React 创建视频的工具。

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

使用方式:处理字幕或副标题时加载 ./rules/subtitles.md;其余按需阅读对应规则文件获取详细说明与代码示例。

适用场景:在 React 中制作视频、动画、字幕、图表、地图等 Remotion 项目开发。

限制:资料未提供安装命令、收费与价格、平台支持等具体信息。