使用时机
每当您处理 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 字体和本地字体
- 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 中嵌入视频 —— 裁剪、音量、速度、循环、音高