用途:该技能面向使用 Remotion(用 React 制作视频)的代码场景,提供领域知识与最佳实践,帮助正确编写与调试 Remotion 项目。
主要能力:涵盖新项目脚手架、视频设计、素材引用、序列控制、字幕、FFmpeg 操作、静音检测、音频可视化、音效、3D 内容、高级音频、动态时长与尺寸、组合嵌套、Google 字体与本地字体、音频/视频时长与尺寸获取、GIF、图片、光效、Lottie、canvas 内 HTML、DOM 与文本测量、高级序列、TailwindCSS、文字动画、高级时序、转场、透明视频、裁剪、参数化视频、地图与 AI 配音等主题,并指向对应规则文件(如 rules/subtitles.md、rules/ffmpeg.md 等)。
使用方式:在空目录中可用 npx create-video@latest --yes --blank --no-tailwind my-video 创建项目;用 npx remotion studio 启动预览;可用 npx remotion still [composition-id] --scale=0.25 --frame=30 做单帧渲染检查。动画应使用 useCurrentFrame() 与 interpolate(),配合 Easing 控制节奏;禁止使用 CSS 过渡/动画与 Tailwind 动画类名。素材放在 public/ 并用 staticFile() 引用,图片用 <Img>,视频与音频用 @remotion/media 的 <Video>、<Audio>,也可用远程 URL。用 <Sequence> 的 from 延迟、durationInFrames 限制时长,内联内容用 layout="none"。视频宽高、fps、时长在 src/Root.tsx 的 <Composition> 中定义,也可用 calculateMetadata 动态计算。
适用场景:需要在 React 中构建、预览、渲染视频,或处理字幕、音频、3D、字体、转场等具体需求时。
限制:资料未提供收费、价格、平台支持范围与效果保证等信息;部分高级主题需加载对应规则文件,具体细节以这些规则文件为准。