用途
本技能用于在编写或处理 Remotion 代码时,提供该领域的最佳实践知识。Remotion 是一个用 React 创建视频的框架,本技能以规则文件的形式,把常见开发主题拆分成独立文档,方便按需查阅。
主要能力
技能内容以 rules 目录下的多个规则文件组织,每个文件聚焦一个主题,包含详细说明与代码示例:
- 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:动态设置合成的时长、尺寸和 props
- rules/can-decode.md:使用 Mediabunny 检查浏览器能否解码某个视频
- rules/charts.md:Remotion 中的图表与数据可视化模式
- rules/compositions.md:定义合成、静帧、文件夹、默认 props 和动态元数据
- 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:Remotion 的排版与文本动画模式
- rules/timing.md:Remotion 中的插值曲线——线性、缓动、弹簧动画
- rules/transcribe-captions.md:转写音频以在 Remotion 中生成字幕
- rules/transitions.md:场景转场模式
- rules/trimming.md:裁剪模式——切掉动画的开头或结尾
- rules/videos.md:在 Remotion 中嵌入视频——裁剪、音量、速度、循环、音高
使用方式
当你处理 Remotion 代码时使用本技能,以获取上述领域专属知识。具体做法是按需阅读对应的规则文件,每个文件都提供详细解释和代码示例。
适用场景
适用于所有涉及 Remotion 代码的开发工作,例如制作动画、处理音视频素材、添加字幕、绘制图表、实现转场、嵌入 3D 或 Lottie 内容、测量文本与 DOM 尺寸、配置合成元数据等。
限制
资料未提供本技能的安装方式、运行环境要求、收费或价格信息、平台支持情况以及实际效果说明,这些内容暂未提供。