SuperAPI AI 工具集

remotion-best-practices

通用与其它

查看项目

更新于 10-16 09:52

技能介绍

用途:当你在处理 Remotion 代码、需要用 React 制作视频时,可调用该技能获取 Remotion 相关的领域知识与最佳实践。

主要能力:该技能以规则文件形式组织知识,可按主题查阅详细说明与代码示例。现有规则文件包括:rules/3d.md(用 Three.js 和 React Three Fiber 制作 3D 内容)、rules/animations.md(基础动画)、rules/assets.md(导入图片、视频、音频和字体)、rules/audio.md(音频导入、裁剪、音量、速度、音高)、rules/calculate-metadata.md(动态设置合成时长、尺寸和 props)、rules/can-decode.md(用 Mediabunny 检查浏览器能否解码视频)、rules/charts.md(图表与数据可视化模式)、rules/compositions.md(定义合成、静帧、文件夹、默认 props 和动态元数据)、rules/display-captions.md(TikTok 风格字幕页与逐词高亮)、rules/extract-frames.md(按时间戳用 Mediabunny 抽帧)、rules/fonts.md(加载 Google Fonts 和本地字体)、rules/get-audio-duration.md、rules/get-video-dimensions.md、rules/get-video-duration.md(用 Mediabunny 获取音频时长、视频宽高与时长)、rules/gifs.md(GIF 与时间线同步)、rules/images.md(用 Img 组件嵌入图片)、rules/import-srt-captions.md(用 @remotion/captions 导入 .srt 字幕)、rules/lottie.md(嵌入 Lottie 动画)、rules/measuring-dom-nodes.md(测量 DOM 元素尺寸)、rules/measuring-text.md(测量文字尺寸、适配容器与溢出检查)、rules/sequencing.md(延迟、裁剪、限制项目时长)、rules/tailwind.md(在 Remotion 中使用 TailwindCSS)、rules/text-animations.md(排版与文字动画)、rules/timing.md(插值曲线:linear、easing、spring 动画)、rules/transcribe-captions.md(转写音频生成字幕)、rules/transitions.md(场景转场)、rules/trimming.md(裁剪动画开头或结尾)、rules/videos.md(视频嵌入、裁剪、音量、速度、循环、音高)。

使用方式:阅读对应的单个规则文件,即可获得该主题的详细解释与代码示例。

适用场景:编写或调试 Remotion 视频项目,涉及上述动画、音视频、字幕、字体、图表、3D、转场等主题时。

限制:资料仅列出规则文件清单与各自主题,未提供具体安装命令、运行步骤、收费信息或效果保证。