remotion-video-creation

name	remotion-video-creation
description	Remotion 的最佳实践 —— 在 React 中创建视频。涵盖 3D、动画、音频、字幕、图表、转场等 29 条领域特定规则。
metadata	{"tags":"remotion, video, react, animation, composition, three.js, lottie"}

何时使用

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

如何使用

阅读各个规则文件以获取详细说明和代码示例：

• 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/display-captions.md - 在 Remotion 中以 TikTok 风格页面和词语高亮显示字幕
• 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