Skip to main content

设置

在获得编辑器入门版本后，你应该将其fork到你自己的账户。

🌐 After obtaining the Editor Starter, you should fork it to your own account.

一旦你分叉了仓库，你可以将其克隆到本地机器，并通过执行以下操作来安装依赖：

🌐 Once you have forked the repository, you can clone it to your local machine, and install the dependencies by doing the following:

开始一个新项目​

🌐 Start a new project

如果你正在开始一个新项目，你可以留在你的仓库中并安装依赖：

🌐 If you are starting a new project, you can stay in your repository and install dependencies:

npm i

使用以下方式运行应用：

🌐 Run the app using:

npm run dev

该应用可以像任何其他 React Router 7 应用一样部署，例如通过将仓库连接到 Vercel。

🌐 The app may be deployed like any other React Router 7 app, for example by connecting the repository to Vercel.

复制到现有项目中​

🌐 Copying into an existing project

如果你已经有一个项目，可以将 src/editor 文件夹复制到你现有的项目中。 以下说明是在启用了 Tailwind 和 TypeScript 的新 Next.js 项目上进行测试的，但它应该适用于任何 React 框架。

🌐 If you already have a project, you can copy the src/editor folder into your existing project.
The following instructions were tested on a new Next.js project with Tailwind and TypeScript enabled, but it should work with any React framework.

安装 依赖。

将 src/editor 文件夹复制到你现有的项目中。

在你的应用中挂载编辑器。例如，在 Next.js 中，在 page/app.tsx:

page/app.tsx
import { Editor } from "./editor/editor";

export default function Home() {
  return <Editor />;
}

设置 后端路由。

设置资源上传​

🌐 Setting up asset uploads

如果用户上传任何资源，你可以将其配置为上传到 S3 存储桶。
有关更多信息，请参见 资源上传。

🌐 If the user drops in any assets, you can configure them to be uploaded to an S3 bucket.
See Asset uploads for more information.

设置渲染​

🌐 Setting up rendering

请参见 Rendering 了解如何设置 Remotion Lambda 集成。

🌐 See Rendering for how to setup the Remotion Lambda integration.

设置字幕​

🌐 Setting up captions

你可以为音频和视频资源设置 AI 转录。请参阅 字幕 获取设置方法。

🌐 You can setup AI transcription for audio and video assets. See Captioning on how to set it up.

Last updated on