SuperAPI AI 工具集

remotion-video-creation

设计与创作

查看项目

更新于 10-15 10:36

技能介绍

用途

本技能用于在编写 Remotion 代码时获取领域专用知识。Remotion 是一个在 React 中创建视频的框架,当你在处理 Remotion 代码时可以使用本技能。

主要能力

本技能由 29 条领域专用规则组成,覆盖 3D、动画、音频、字幕、图表、转场等主题。按规则文件划分的能力包括:

  • 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:动态设置合成时长、尺寸与 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 代码时查阅具体主题的做法,例如制作 3D 内容、编写动画、处理音频、生成或展示字幕、制作图表、实现转场、嵌入视频与图片、加载字体、测量尺寸等。

限制

本技能提供的规则文件清单与用途以现有资料为限,关于具体安装命令、依赖版本、收费方式等信息暂未提供。