remotion-best-practices

## 何时使用 每当处理 Remotion 代码以获取领域特定知识时，请使用此技能。 ## 如何使用 阅读各个规则文件以获取详细解释和代码示例： - [rules/3d.md](rules/3d.md) - 使用 Three.js 和 React Three Fiber 在 Remotion 中实现 3D 内容 - [rules/animations.md](rules/animations.md) - Remotion 的基础动画技能 - [rules/assets.md](rules/assets.md) - 在 Remotion 中导入图像、视频、音频和字体 - [rules/audio.md](rules/audio.md) - 在 Remotion 中使用音频和声音 - 导入、修剪、音量、速度、音调 - [rules/calculate-metadata.md](rules/calculate-metadata.md) - 动态设置合成时长、尺寸和属性 - [rules/can-decode.md](rules/can-decode.md) - 使用 Mediabunny 检查浏览器是否可以解码视频 - [rules/charts.md](rules/charts.md) - Remotion 的图表和数据可视化模式 - [rules/compositions.md](rules/compositions.md) - 定义合成、静态图、文件夹、默认属性和动态元数据 - [rules/display-captions.md](rules/display-captions.md) - 在 Remotion 中显示 TikTok 风格的字幕及文字高亮 - [rules/extract-frames.md](rules/extract-frames.md) - 使用 Mediabunny 在特定时间戳从视频中提取帧 - [rules/fonts.md](rules/fonts.md) - 在 Remotion 中加载 Google 字体和本地字体 - [rules/get-audio-duration.md](rules/get-audio-duration.md) - 使用 Mediabunny 获取音频文件的时长（秒） - [rules/get-video-dimensions.md](rules/get-video-dimensions.md) - 使用 Mediabunny 获取视频文件的宽度和高度 - [rules/get-video-duration.md](rules/get-video-duration.md) - 使用 Mediabunny 获取视频文件的时长（秒） - [rules/gifs.md](rules/gifs.md) - 显示与 Remotion 时间轴同步的 GIF - [rules/images.md](rules/images.md) - 使用 Img 组件在 Remotion 中嵌入图像 - [rules/import-srt-captions.md](rules/import-srt-captions.md) - 使用 @remotion/captions 将 .srt 字幕文件导入 Remotion - [rules/lottie.md](rules/lottie.md) - 在 Remotion 中嵌入 Lottie 动画 - [rules/measuring-dom-nodes.md](rules/measuring-dom-nodes.md) - 在 Remotion 中测量 DOM 元素尺寸 - [rules/measuring-text.md](rules/measuring-text.md) - 测量文本尺寸、使文本适应容器及检查溢出 - [rules/sequencing.md](rules/sequencing.md) - Remotion 的序列化模式 - 延迟、