best-practices — 最佳实践

何时使用：在处理Remotion代码时使用这些技能以获取特定领域的知识。 如何使用：阅读单个规则文件以获取详细的解释和代码示例：

• 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/display-captions.md - 在Remotion中显示字幕，具有TikTok风格的页面和单词突出显示
• rules/extract-frames.md - 使用Mediabunny从视频中提取特定时间戳的帧
• rules/fonts.md - 在Remotion中加载Google Fonts和本地字体
• 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/import-srt-captions.md - 使用@remotion/captions将.srt字幕文件导入Remotion
• 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/transcribe-captions.md - 在Remotion中将音频转录为字幕
• rules/transitions.md - Remotion的场景过渡模式
• rules/trimming.md - Remotion的剪辑模式 - 剪辑动画的开始或结束
• rules/videos.md - 在Remotion中嵌入视频 - 剪辑、音量、速度、循环、音调