用途
remotion-best-practices 用于在处理 Remotion(在 React 中创建视频)代码时提供领域特定知识。资料说明,当任务明确涉及 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:动态设置 composition 的时长、尺寸与属性。
- rules/can-decode.md:使用 Mediabunny 检查浏览器能否解码某个视频。
- rules/charts.md:Remotion 中的图表与数据可视化模式。
- rules/compositions.md:定义 composition、静帧、文件夹、默认属性与动态元数据。
- 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:排版与文字动画模式。
- rules/timing.md:Remotion 中的插值曲线,包括线性、缓动与弹簧动画。
- rules/transcribe-captions.md:转录音频以在 Remotion 中生成字幕。
- rules/transitions.md:场景转场模式。
- rules/trimming.md:裁剪模式,包括裁掉动画的开头或结尾。
- rules/videos.md:在 Remotion 中嵌入视频,包括裁剪、音量、速度、循环与音调。
使用方式
资料说明,当任务涉及 Remotion 代码时,可通过阅读对应的单个规则文件,获得详细解释与代码示例。
适用场景
适用于 Remotion 视频开发中的动画、时间控制、媒体素材导入与处理、字幕、转场、图表可视化、3D 内容、样式集成以及媒体元数据读取等具体任务。
限制
- 仅在任务与上述范围明确匹配时使用本技能。
- 不应将输出视为环境特定验证、测试或专家审查的替代品。
- 若缺少必要输入、权限、安全边界或成功标准,应停止并请求澄清。
暂未提供的信息
资料未提供安装命令、代码片段示例、定价或收费方式、支持的平台范围以及具体性能效果等信息。