SuperAPI AI 工具集

remotion-best-practices

前端与建站

查看项目

更新于 10-15 21:10

技能介绍

用途:在编写 Remotion 代码时提供领域知识与最佳实践,获取针对视频在 React 中创建的规范指引。

主要能力与用法:新建空项目时可用 npx create-video@latest --yes --blank --no-tailwind my-video 脚手架(my-video 替换为项目名)。动画使用 useCurrentFrame() 与 interpolate(),配合 Easing 调整节奏;禁止使用 CSS 过渡/动画及 Tailwind 动画类名。素材放在项目根 public/ 目录,用 staticFile() 引用,也可用远程 URL;图片用 <Img>,视频与音频用 @remotion/media 的 <Video>、<Audio>。用 <Sequence> 的 from、durationInFrames 延迟或限时,默认绝对填充,内联内容用 layout="none"。视频宽、高、fps、时长在 src/Root.tsx 的 <Composition> 中定义,可用 calculateMetadata 动态计算。启动预览:npx remotion studio;单帧渲染检查:npx remotion still [composition-id] --scale=0.25 --frame=30。字幕、FFmpeg、静音检测、音频可视化、音效、3D、高级音频、动态尺寸与数据、嵌套合成、Google 字体与本地字体、获取音视频时长与尺寸、GIF、图片、漏光、Lottie、canvas 中 HTML、测量 DOM 与文本、序列、TailwindCSS、文字动画、时间控制、转场、透明视频、裁剪、参数化视频、地图、配音等主题分别见对应 rules 文件。

限制:资料未提供收费、价格、平台与效果信息;部分主题需加载相应 rules 文件后才有详细信息。