SuperAPI AI 工具集

remotion-create

设计与创作

查看项目

更新于 10-16 02:25

技能介绍

用途

remotion-create 是 Remotion 提供的一项技能,用于创建一个新的 Remotion 视频项目以及视频合成(Composition)。它面向需要从零开始搭建 Remotion 工程、或为已有工程添加视频合成的开发场景,给出了一套按步骤执行的操作说明。

主要能力

  • 脚手架搭建:在合适的目录中初始化一个新的 Remotion 项目。
  • 目录判断:在搭建前检查当前文件夹(包括隐藏文件),区分空文件夹与非空文件夹,并据此决定是在当前目录直接创建,还是新建子目录。
  • 依赖安装:在脚手架完成后安装项目依赖。
  • 预览优先:在编写或修改合成之前,先打开 Remotion Studio 进行浏览器预览,并在工作过程中保持其运行,方便用户实时查看变化并调整结果。
  • 视频设计指引:在保留脚手架的基础上添加 React 标记,并遵循 Remotion 的 React 标记最佳实践与视频布局规则。
  • 合成注册:在编写注册 <Composition> 或 <Still> 元素的根之前,参考合成与静帧(Compositions and stills)相关指引。
  • 时间线剪辑:如果视频需要把多个视频或音频剪辑排列在时间线上,参考视频编辑指引;每个需要独立编辑的剪辑都应拥有自己的 JSX 节点。
  • 多场景视频:如果视频包含多个连续场景,参考多场景视频指引。
  • 交互性:按照 Remotion 交互性最佳实践组织 React 标记,使用户可以在 Studio 中进行编辑并写回代码。
  • TailwindCSS:如果用户要求使用 Tailwind,可参考 tailwind.md 了解在 Remotion 中使用 TailwindCSS 的方式。

使用方式

  1. 如果项目已存在,跳过脚手架步骤。
  2. 确认已安装 Node.js 和 Git,并确认当前文件夹适合启动新项目。
  3. 检查当前文件夹,包括隐藏文件,再选择脚手架位置。
  4. 空文件夹(或仅包含 .DS_Store 等可丢弃的操作系统元数据):先只删除这些可丢弃的元数据文件,因为 create-video 会拒绝非空文件夹;注意 .env、.git 等隐藏内容属于有意义的内容,不能当作可丢弃文件。然后在当前文件夹中执行:
npx create-video@latest --yes --blank --no-tailwind .
npm i
  1. 非空文件夹(包含有意义内容且尚无项目):在新子文件夹中搭建,将 my-video 替换为合适的项目名:
npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i
  1. 项目可运行后,立即在浏览器中打开 Remotion Studio,再开始编写或修改合成。新项目在脚手架和依赖安装完成后立即打开;已有项目在编辑视频前打开。工作期间保持 Studio 运行。
  2. 设计视频时保留脚手架并添加 React 标记,遵循 Remotion React 标记最佳实践与视频布局规则。
  3. 在编写注册 <Composition> 或 <Still> 的根之前,参考合成与静帧指引。
  4. 根据视频类型选择后续指引:时间线剪辑参考视频编辑;多场景视频参考多场景视频;交互性参考交互性最佳实践;需要 Tailwind 时参考 tailwind.md。
  5. 视频创建流程结束后,后续提示使用 Remotion 最佳实践。

适用场景

  • 需要新建 Remotion 视频项目并快速进入开发。
  • 需要在已有项目中创建新的视频合成。
  • 需要按时间线组织多个视频或音频剪辑。
  • 需要制作包含多个连续场景的视频。
  • 希望用户在 Remotion Studio 中交互式编辑并写回代码。
  • 需要在 Remotion 中使用 TailwindCSS。

限制

  • 脚手架命令 create-video 不接受非空文件夹,因此空文件夹场景需要先清理可丢弃的元数据文件。
  • 不能把所有隐藏文件都视为可丢弃,.env、.git 等属于有意义内容。
  • 具体收费、价格、平台支持范围、效果等信息暂未提供。