Remotion Best Practices

何时使用

在处理Remotion代码以获取领域特定知识时，请使用这些技能。

如何使用

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

• rules/3d.md- 在Remotion中使用Three.js和React Three Fiber创建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 字体和本地字体
• 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中嵌入视频 - 裁剪、音量、速度、循环、音高