何时使用
当您在处理 Remotion 代码时,使用此技能可以获取领域特定知识。
新项目初始化
当您位于空文件夹或没有现有 Remotion 项目的工作区时,请使用以下命令搭建一个新项目:
npx create-video@latest --yes --blank --no-tailwind my-video
将 my-video 替换为合适的项目名称。
启动预览
启动 Remotion Studio 来预览视频:
npx remotion studio
可选:单帧渲染检查
您可以通过 CLI 渲染单帧来检查布局、颜色或时间是否正确。 对于琐碎的编辑、纯重构或当您已从 Studio 或先前的渲染中获得足够信心时,可以跳过此步骤。
npx remotion still [composition-id] --scale=0.25 --frame=30
在 30 fps 下,--frame=30 是 1 秒标记(--frame 从零开始)。
字幕
处理字幕或副标题时,请加载 ./rules/subtitles.md 文件以获取更多信息。
使用 FFmpeg
对于某些视频操作(例如修剪视频或检测静音),应使用 FFmpeg。请加载 ./rules/ffmpeg.md 文件以获取更多信息。
静音检测
当需要检测并修剪视频或音频文件中的静音片段时,请加载 ./rules/silence-detection.md 文件。
音频可视化
当需要可视化音频(频谱条、波形、低音反应效果)时,请加载 ./rules/audio-visualization.md 文件以获取更多信息。
音效
当需要使用音效时,请加载 ./rules/sfx.md 文件以获取更多信息。
如何使用
阅读各个规则文件以获取详细的说明和代码示例:
- 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 - 动态设置组合时长、尺寸和属性
- rules/can-decode.md - 使用 Mediabunny 检查浏览器是否可解码视频
- rules/charts.md - Remotion 的图表和数据可视化模式(柱状图、饼图、折线图、股票图)
- rules/compositions.md - 定义组合、静态图、文件夹、默认属性和动态元数据
- rules/extract-frames.md - 使用 Mediabunny 从视频的特定时间戳提取帧
- rules/fonts.md - 在 Remotion 中加载 Google 字体和本地字体
- 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 - 使用 interpolate 和贝塞尔缓动、弹簧进行时间控制
- 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/silence-detection.md - 使用 FFmpeg loudnorm 和 silencedetect 进行自适应静音检测
- rules/voiceover.md - 使用 ElevenLabs TTS 为 Remotion 组合添加 AI 生成的旁白