Skip to main content

创建新视频

如果尚未这样做，请启动录制器：

bash
bun start
bash
bun start

Remotion将每个输出视频称为“Composition”。有两种方法可以生成新的合成：

1. 可视化方式​

打开http://localhost:3000，在左侧边栏中，右键单击“empty”合成。选择“Duplicate”并为您的合成指定一个ID。确认。

2. 手动方式​

在代码编辑器中打开项目。您将在remotion/Root.tsx下看到一个空的<Composition>：

tsx
<Composition
  component={Main}
  id="empty"
  schema={videoConf}
  defaultProps={{
    theme: "light" as const,
    canvasLayout: "square" as const,
    scenes: [],
    scenesAndMetadata: [],
    platform: "x" as const,
  }}
  calculateMetadata={calcMetadata}
/>
tsx
<Composition
  component={Main}
  id="empty"
  schema={videoConf}
  defaultProps={{
    theme: "light" as const,
    canvasLayout: "square" as const,
    scenes: [],
    scenesAndMetadata: [],
    platform: "x" as const,
  }}
  calculateMetadata={calcMetadata}
/>

复制并粘贴<Composition />组件以进行复制，并为其指定一个与"empty"不同的id。例如：

remotion/Root.tsx
tsx
<Composition
  component={Main}
  id="empty"
  schema={videoConf}
  defaultProps={{
    theme: "light" as const,
    canvasLayout: "square" as const,
    scenes: [],
    scenesAndMetadata: [],
  }}
  calculateMetadata={calcMetadata}
/>
<Composition
  component={Main}
  id="my-video"
  schema={videoConf}
  defaultProps={{
    theme: "light" as const,
    canvasLayout: "square" as const,
    scenes: [],
    scenesAndMetadata: [],
  }}
  calculateMetadata={calcMetadata}
/>
remotion/Root.tsx
tsx
<Composition
  component={Main}
  id="empty"
  schema={videoConf}
  defaultProps={{
    theme: "light" as const,
    canvasLayout: "square" as const,
    scenes: [],
    scenesAndMetadata: [],
  }}
  calculateMetadata={calcMetadata}
/>
<Composition
  component={Main}
  id="my-video"
  schema={videoConf}
  defaultProps={{
    theme: "light" as const,
    canvasLayout: "square" as const,
    scenes: [],
    scenesAndMetadata: [],
  }}
  calculateMetadata={calcMetadata}
/>

保存，然后当您查看http://localhost:3000上的Remotion Studio时，您应该看到新的合成。