SuperAPI AI 工具集

remotion

设计与创作

查看项目

更新于 10-15 17:31

技能介绍

用途:为基于 Remotion 的视频项目提供工具集特有的模式,包括共享组件、自定义转场与项目约定;核心 Remotion 框架知识位于 .claude/skills/remotion-official/(同步自官方 remotion-dev/skills 仓库),本技能只覆盖工具集扩展部分。

主要能力:lib/components/ 提供可复用视频组件,如 AnimatedBackground、SlideTransition、Label、Vignette、LogoWatermark、SplitScreen、NarratorPiP、Envelope、PointingHand、MazeDecoration,可在模板中导入:import { AnimatedBackground, SlideTransition, Label } from '../../../../lib/components';。lib/transitions/ 提供官方 @remotion/transitions 之外的自定义转场:glitch()、rgbSplit()、zoomBlur()、lightLeak()、clockWipe()、pixelate()、checkerboard(),各带选项,例如 glitch({ intensity: 0.8, slices: 8, rgbShift: true })、checkerboard({ pattern: 'diagonal', gridSize: 8 }),棋盘支持 sequential、random、diagonal、alternating、spiral、rows、columns、center-out、corners-in 等模式。

使用方式:配合 TransitionSeries 与 linearTiming 使用,从 lib 导入自定义转场或从 @remotion/transitions 导入官方转场;转场时长参考:快速剪辑 15-20 帧、标准 30-45 帧、戏剧性 50-60 帧、故障 20-30 帧、漏光 45-60 帧。预览全部转场可运行:cd showcase/transitions && npm run studio。项目约定:所有项目使用 30fps,帧数 = 秒数 × 30;场景时长参考标题 3-5s、概览 10-20s、演示 10-30s、数据 8-12s、片尾 5-10s,旁白约 150 词/分钟并驱动节奏。

最佳实践:仅用基于帧的动画,避免 CSS 过渡/动画以防渲染闪烁;用 useVideoConfig() 的 fps 保持帧率无关;插值使用 extrapolateRight: 'clamp' 防止数值失控;复杂合成用 OffthreadVideo;异步数据用 delayRender 阻塞渲染;素材用 staticFile 引用 public/;playbackRate 必须恒定,变速需先用 FFmpeg 预处理。

限制与许可:Remotion 使用特殊许可证,公司商业使用可能需要获取许可,见 https://remotion.dev/license。更详细的 hooks、组件、渲染器、Lambda 与 Player API 见 reference.md。以上资料未提供具体价格、平台覆盖或性能数据。