部署选项#

部署 Tokkio UI 有几个选项,如下面的章节所述

从生产就绪的 Web 资源工件部署#

要学习本节,读者需要具备部署静态网站的经验。本节仅向您展示如何检索静态网页,不会解释如何部署它们。

Tokkio UI 使用 webpack 编译成生产版本。生产版本可以从 NGC 获取,如下所示

$ ngc registry resource download-version "nvidia/ace/tokkio_ui:5.0.0"

从 NGC 下载 UI 后,解压缩 tar 文件。build 文件夹将填充 Web 资源。

您还可以在发布 Web 资源之前通过设置相应的环境变量来配置 UI。可用配置的列表在配置部分中列出。

设置环境变量后,运行 init.py 脚本将它们注入到 UI 配置设置中

$ python3 init.py

生成的 env-config.js 文件可以复制到 build/ 文件夹中以启用配置。

完成上述步骤后,Web 资源就可以部署到任何可用于网站托管的众多第三方选项中。部署静态 Web 资源的说明不在本文档的范围之内。

从 UI Docker 容器部署#

Tokkio UI Web 资源被打包到 Docker 容器中,并通过开发服务器托管。要运行 Docker,首先创建一个名为 .env 的文件,其中包含所需的配置。有关可用配置的详细信息,请参考配置部分。

这是一个 .env 文件示例

UI_SERVER_ENDPOINT="https://1.2.3.4:30888"
WEBSOCKET_ENDPOINT="wss://1.2.3.4:30888/ws"
VST_WEBSOCKET_ENDPOINT="wss://1.2.3.4:30888/vms/ws"
ENABLE_CAMERA=false

接下来,使用以下命令启动 Docker

docker run -d --rm -p 3000:3000 --env-file=.env --name tokkio-ui nvcr.io/nvidia/ace/tokkio-ui:5.0.0

Tokkio UI 可以在您的浏览器中通过 https://<host IP>:3000 访问。

从源代码部署开发服务器#

除非您需要更新源代码,否则不建议使用此选项。

首先,从公共 NGC 产品中拉取源代码

$ ngc registry resource download-version "nvidia/ace/tokkio_ui_source:5.0.1"

接下来,解压缩源代码并导航到源目录

cd tokkio_ui_source_v5.0.1
tar -xvzf tokkio-ui-source.tar.gz
cd tokkio-ui

然后,安装依赖项并启动开发服务器

cd vst-streaming-lib
npm install
npm run build
cd ..
npm install
HTTPS=true npm start

Tokkio UI 可以在您的浏览器中通过 https://<host IP>:3000 访问。