Skip to main content

在 VPS 上部署 Remotion Studio

Also available as a 3min video
部署 Remotion Studio

从 v4.0.46 版本开始可用

您可以将 Remotion Studio 部署到云中的长期运行服务器，并使渲染 UI 对您的团队可访问。
为此，您需要：

  • 安装 Node.js 和 Chrome
  • 在服务器上运行 npx remotion studio
  • 确保端口 3000 可以通过互联网访问

以下示例已经使用 npx create-video@latest 初始化了 Hello World 模板。

将 Remotion Studio Docker 化​

Dockerfile
docker
FROM node:20-bookworm
# Install Chrome dependencies
RUN apt-get update
RUN apt install -y \
  libnss3 \
  libdbus-1-3 \
  libatk1.0-0 \
  libgbm-dev \
  libasound2 \
  libxrandr2 \
  libxkbcommon-dev \
  libxfixes3 \
  libxcomposite1 \
  libxdamage1 \
  libatk-bridge2.0-0 \
  libcups2
# Copy everything from your project to the Docker image. Adjust if needed.
COPY package.json package*.json yarn.lock* pnpm-lock.yaml* bun.lockb* tsconfig.json* remotion.config.* ./
COPY src ./src
# If you have a public folder:
COPY public ./public
# Install the right package manager and dependencies - see below for Yarn/PNPM
RUN npm i
# Install Chrome
RUN npx remotion browser ensure
CMD ["npx", "remotion studio"]
Dockerfile
docker
FROM node:20-bookworm
# Install Chrome dependencies
RUN apt-get update
RUN apt install -y \
  libnss3 \
  libdbus-1-3 \
  libatk1.0-0 \
  libgbm-dev \
  libasound2 \
  libxrandr2 \
  libxkbcommon-dev \
  libxfixes3 \
  libxcomposite1 \
  libxdamage1 \
  libatk-bridge2.0-0 \
  libcups2
# Copy everything from your project to the Docker image. Adjust if needed.
COPY package.json package*.json yarn.lock* pnpm-lock.yaml* bun.lockb* tsconfig.json* remotion.config.* ./
COPY src ./src
# If you have a public folder:
COPY public ./public
# Install the right package manager and dependencies - see below for Yarn/PNPM
RUN npm i
# Install Chrome
RUN npx remotion browser ensure
CMD ["npx", "remotion studio"]

Fly.io​

要将 Remotion Studio 部署到 Fly.io：

  • 首先将上述 Dockerfile 添加到存储库中。
  • 对 Dockerfile 进行以下更改（从 v4.0.125 版本开始有效）：
diff
- CMD ["npx", "remotion studio"]
+ CMD ["npx", "remotion studio", "--ipv4"]
diff
- CMD ["npx", "remotion studio"]
+ CMD ["npx", "remotion studio", "--ipv4"]
  • 确保您使用的是付费计划（免费计划内存太少）
  • 使用以下命令：
bash
fly launch \
  # Get 2 CPU cores and 4GB of memory
  --vm-size=performance-2x \
  # Disable 2x replication
  --ha=false \
  # Use Remotion's port
  --internal-port=3000 \
  # Use Docker, not Node
  --dockerfile Dockerfile
bash
fly launch \
  # Get 2 CPU cores and 4GB of memory
  --vm-size=performance-2x \
  # Disable 2x replication
  --ha=false \
  # Use Remotion's port
  --internal-port=3000 \
  # Use Docker, not Node
  --dockerfile Dockerfile

对于以下问题，回答否：

txt
? Would you like to set up a Postgresql database now? No
? Would you like to set up an Upstash Redis database now? No
? Create .dockerignore from 1 .gitignore files? No
txt
? Would you like to set up a Postgresql database now? No
? Would you like to set up an Upstash Redis database now? No
? Create .dockerignore from 1 .gitignore files? No

在询问是否要部署时回答是：

? Do you want to deploy now? Yes
? Do you want to deploy now? Yes

您应该会得到部署 Studio 的 URL！

Render.com​

要将 Remotion Studio 部署到 Render.com：

  • 首先将上述 Dockerfile 添加到存储库中。
  • 创建一个新的 "Web Service" 并链接您的存储库。
  • 至少选择 "Standard" 计划（2GB 内存）。
  • 部署！

DigitalOcean App Platform​

目前无法正常工作。由于 DigitalOcean HTTP 代理不支持服务器发送事件，因此渲染按钮已禁用 不支持 SSE 服务器发送事件。

一般的 DigitalOcean droplet 可以正常工作。

Scaleway 无服务器容器​

要部署 Scaleway 无服务器容器:

您可以在 此处找到一个部署 Remotion Studio 到 Scaleway 无服务器容器的 GitHub Action 工作流示例。

部署示例​

一个用于部署 Remotion Studio 的测试项目可在 此处 找到。

另请参阅​