何时使用
当您处理 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 生成的配音