Remotion Best Practices — Remotion 最佳实践

何时使用此技能 当处理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 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/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将AI生成的语音添加到Remotion组合中