SuperAPI AI 工具集

remotion-best-practices

设计与创作

查看项目

更新于 10-14 05:32

技能介绍

该技能用于在编写 Remotion 代码时提供针对性的领域知识,帮助完成在 React 中创建视频的相关任务。

用途 当你处理 Remotion 代码时使用本技能,以获取 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:动态设置合成时长、尺寸与 props
  • rules/can-decode.md:使用 Mediabunny 检查浏览器能否解码视频
  • rules/charts.md:Remotion 的图表与数据可视化模式(柱状图、饼图、折线图、股票图)
  • rules/compositions.md:定义合成、静帧、文件夹、默认 props 与动态元数据
  • 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/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 schema 使视频可参数化
  • rules/maps.md:使用 Mapbox 添加地图并为其制作动画
  • rules/voiceover.md:使用 ElevenLabs TTS 为 Remotion 合成添加 AI 生成配音

限制 除上述规则文件与说明外,具体安装方式、版本要求、收费与价格等信息暂未提供。