remotion-best-practices

何时使用

每当您处理 Remotion 代码时，请使用此技能以获取特定领域的知识。

字幕

当处理字幕时，请加载 ./rules/subtitles.md 文件以获取更多信息。

使用 FFmpeg

对于某些视频操作，例如修剪视频或检测静音，应使用 FFmpeg。请加载 ./rules/ffmpeg.md 文件以获取更多信息。

音频可视化

当需要可视化音频（频谱条、波形、低音响应效果）时，请加载 ./rules/audio-visualization.md 文件以获取更多信息。

音效

当需要使用音效时，请加载 ./rules/sound-effects.md 文件以获取更多信息。

如何使用

阅读各个规则文件以获取详细解释和代码示例：

• rules/3d.md – 使用 Three.js 和 React Three Fiber 在 Remotion 中创建 3D 内容
• rules/animations.md – Remotion 的基础动画技能
• rules/assets.md – 将图片、视频、音频和字体导入 Remotion
• rules/audio.md – 在 Remotion 中使用音频 – 导入、修剪、音量、速度、音调
• rules/calculate-metadata.md – 动态设置合成的持续时间、尺寸和属性
• rules/can-decode.md – 使用 Mediabunny 检查视频是否能被浏览器解码
• rules/charts.md – Remotion 的图表和数据可视化模式（条形图、饼图、折线图、股票图）
• rules/compositions.md – 定义合成、静态图像、文件夹、默认属性和动态元数据
• rules/extract-frames.md – 使用 Mediabunny 在特定时间戳从视频中提取帧
• rules/fonts.md – 在 Remotion 中加载 Google 字体和本地字体
• rules/get-audio-duration.md – 使用 Mediabunny 获取音频文件的时长（秒）
• rules/get-video-dimensions.md – 使用 Mediabunny 获取视频文件的宽度和高度
• rules/get-video-duration.md – 使用 Mediabunny 获取视频文件的时长（秒）
• rules/gifs.md – 显示与 Remotion 时间线同步的 GIF
• rules/images.md – 使用 Img 组件在 Remotion 中嵌入图片
• rules/light-leaks.md – 使用 @remotion/light-leaks 实现漏光叠加效果
• rules/lottie.md – 在 Remotion 中嵌入 Lottie 动画
• rules/measuring-dom-nodes.md – 在 Remotion 中测量 DOM 元素尺寸
• rules/measuring-text.md – 测量文本尺寸、使文本适应容器以及检查溢出
• rules/sequencing.md – Remotion 的排序模式 – 延迟、修剪、限制项目时长
• rules/tailwind.md – 在 Remotion 中使用 TailwindCSS
• rules/text-animations.md – Remotion 的排版和文本动画模式
• rules/timing.md – Remotion 中的插值曲线 – 线性、缓动、弹簧动画
• rules/transitions.md – Remotion 的场景过渡模式
• rules/transparent-videos.md – 渲染具有透明度的视频
• rules/trimming.md – Remotion 的修剪模式 – 裁剪动画的开头或结尾
• rules/videos.md – 在 Remotion 中嵌入视频 – 修剪、音量、速度、循环、音调
• rules/parameters.md – 通过添加 Zod 模式使视频参数化
• rules/maps.md – 使用 Mapbox 添加地图并为其制作动画
• rules/voiceover.md – 使用 ElevenLabs TTS 向 Remotion 合成添加 AI 生成的画外音