Skip to main content

编辑器入门的依赖

编辑器入门版基于 React 19 和 Remotion 构建。
参考实现基于 React Router v7 构建，目标是能够轻松移植到其他框架。
样式使用 Tailwind CSS v4。

🌐 The Editor Starter is built in React 19 and Remotion.
The reference implementation is built in React Router v7 with the goal of being easily portable to other frameworks.
Tailwind CSS v4 is used for styling.

字幕​

🌐 Captions

OpenAI 的 音频 API 用于字幕。
字幕是可选的，但默认启用，使用它需要 OpenAI API 密钥。

🌐 OpenAI's Audio API is used for captioning.
Captioning is optional, but it is enabled by default and an OpenAI API key is required to use it.

资源上传​

🌐 Asset uploads

资源默认上传到 AWS S3。
这意味着为了使资源上传生效，需要一个 AWS 账户，并且需要设置 AWS S3。

渲染​

🌐 Rendering

Remotion Lambda 用于渲染。 这意味着为了使渲染工作，需要一个 AWS 账户并且需要设置 AWS Lambda。

谷歌字体​

🌐 Google Fonts

字体从 Google Fonts 加载。对此不需要 API 密钥。

🌐 Fonts are loaded from Google Fonts. No API key is required for this.

NPM 包​

🌐 NPM packages

以下 NPM 包用于编辑器入门包：

🌐 The following NPM packages are used in the Editor Starter:

{
  "@aws-sdk/s3-request-presigner": "^3.936.0",
  "@radix-ui/react-context-menu": "^2.2.15",
  "@radix-ui/react-popover": "^1.1.14",
  "@radix-ui/react-select": "^2.2.5",
  "sonner": "^2.0.7",
  "@remotion/captions": "^4.0.331",
  "@remotion/cli": "^4.0.331",
  "@remotion/gif": "^4.0.331",
  "@remotion/google-fonts": "^4.0.331",
  "@remotion/lambda": "^4.0.331",
  "@remotion/layout-utils": "^4.0.331",
  "@remotion/media-parser": "^4.0.331",
  "@remotion/openai-whisper": "^4.0.331",
  "@remotion/player": "^4.0.331",
  "@remotion/shapes": "^4.0.331",
  "@tanstack/react-virtual": "^3.13.10",
  "remotion": "^4.0.331",
  "openai": "^4.67.3",
  "zod": "^3.24.3"
}

总是建议使用最新版的 Remotion 软件包。目前版本是： 4.0.431。

运行 npx remotion upgrade 以升级到最新版本。

🌐 Run npx remotion upgrade to upgrade to the latest version.

Last updated on