studio-mode

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Studio Modes

Studio 模式

Remotion Studio operates in four modes:
  1. Regular interactive Studio: Started with
    npx remotion studio
    . A Studio server is attached and the Studio is fully interactive. It can render server-side, use "Open in" actions, execute codemods, install packages, and perform other server-backed actions.
  2. Regular Studio with the preview server detached:
    previewServerConnected
    is
    false
    . The Studio is effectively read-only, although client-side rendering remains available.
  3. Read-only Studio: A deployed Studio with no server attached. Hide or disable actions that require a server. GitHub is the only supported "Open in" action.
  4. Browser Studio: Deployed at
    remotion.dev/new
    and backed by a virtual file system that is hidden from the user. It cannot use "Open in" actions, but it can install dependencies and execute codemods.
When adding or changing a Studio action, determine which modes support it and hide or disable it everywhere else.
Remotion Studio 支持四种模式:
  1. 常规交互式 Studio: 通过
    npx remotion studio
    启动。此时已连接 Studio 服务器,Studio 具备完整的交互能力。它可以在服务器端渲染、使用“Open in”操作、执行 codemods、安装软件包以及执行其他依赖服务器的操作。
  2. 预览服务器分离的常规 Studio:
    previewServerConnected
    为
    false
    。此时 Studio 实际上处于只读状态,但仍可进行客户端渲染。
  3. 只读 Studio: 未连接服务器的已部署 Studio。应隐藏或禁用需要服务器的操作。GitHub 是唯一受支持的“Open in”操作。
  4. 浏览器 Studio: 部署在
    remotion.dev/new
    ,后端使用对用户隐藏的虚拟文件系统。它无法使用“Open in”操作,但可以安装依赖项并执行 codemods。
添加或更改 Studio 操作时,应确定支持该操作的模式,并在其他所有模式中隐藏或禁用该操作。