remotion-best-practices

原文🇺🇸 英文
已翻译

Remotion最佳实践 - 基于React的视频创作

61.0k次下载
查看 GitHub 仓库
添加于

SKILL.md 内容

查看翻译对照 →

适用场景

当你处理Remotion代码以获取领域特定知识时,随时使用此技能。

字幕

处理字幕或副标题时,加载./rules/subtitles.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 - 动态设置合成的时长、尺寸和属性
  • rules/can-decode.md - 使用Mediabunny检查浏览器是否可以解码视频
  • rules/charts.md - Remotion的图表和数据可视化模式
  • rules/compositions.md - 定义合成、静帧、文件夹、默认属性和动态元数据
  • 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添加地图并制作动画