Web 界面(可以将其视为 Web 服务器)是通过 HTTP 协议 (localhost:8888) 与 VRED 通信的 Web 浏览器界面。可通过任何现代 Web 浏览器访问 VRED,无需安装插件或特定软件。现在,更广泛的受众可以更轻松地参与设计审阅并与三维可视化进行交互。

Web 浏览器界面由内置 Web 服务器提供,这是一个远程过程调用 API (RPC API),构建在与 Python API v2 相同的基础上,可通过 JavaScript 进行访问。使用它可访问以下内容:
Streaming App - 打开 Streaming App 以从 VRED 渲染视图实时流式传输渲染的图像,同时使用提供的控件切换视点和变量。这适用于运行 VRED 2024 或更高版本的用户。它针对移动设备进行了优化,旨在取代旧版本。有关更多详细信息,请参见 使用 VRED Streaming App。

Streaming App 旧版 - 为运行 VRED 2023 及更低版本的用户打开 VRED 2024 之前可用的 Streaming App 版本。

Stream - 打开 VRED 视口的实时流,在浏览器中显示 HD 版本。从以下选项中选择:

导航应用程序 - 打开 VRED 应用程序,从而使用连接网络的设备(例如平板电脑或手机)作为遥控器在 VRED 场景中导航,并在变量集之间切换。
终端 - 打开 VRED 中心终端以在 Web 界面中编写脚本,而不是切换到本地计算机上的 VRED。

更多 - 提供用于访问场景图形 (http://localhost:8888/treeview) 和 Python API (http://localhost:8888/pythonapi) 的 Web 界面的选项列表。将 Python API v2 文档中的函数和参数用于 Web 界面和 Python API。
可通过单击
“更多”访问的“更改列表”选项是旧功能,将来将被删除。
| 场景图形 | Python API |
|---|---|
![]() |
![]() |
要将 Web 界面添加到场景中的场景板,请参见将 VRED Stream App 流式传输到场景板。
Web 界面重新设计视频字幕:在 VRED 2021.1 中,我们重新设计了 Web 界面主页,使其具有更加清晰的外观,而且还可以根据不同的设备和不同的窗口大小进行缩放。此外,我们还在 VRED Stream App 中添加了更多选项,并添加了在 JPEG 和 H264 编解码器之间进行切换的功能(如果您安装了它)。您还可以更改比特率和质量设置以根据您的连接速度进行调整。其他选项包括:FPS 限制和窗口缩放选项、针对所有设备锁定分辨率的选项以及在光线跟踪模式下进行缩小切换的新选项。使用 Stream App 时,所有这些选项都可改善用户体验,并为您提供更大的灵活性。
有关使用 Web 界面的信息,请参见以下内容:
在 2026.2 中,对于硬件加速流式传输,我们增加了对 AV1 和 H.265 视频编解码器的支持。在“Streaming App”>“设置”>“编解码器”部分中可以找到这些编解码器。
在 2026.1 中,我们增加了对硬件加速流式传输的 Web 界面支持。
如何打开 Web 界面
将场景加载到您的 VRED 版本后,在浏览器中输入 localhost:,后跟在首选项中设置的端口号。例如,默认端口为 8888;因此,在浏览器中输入 localhost:8888 以访问 Web 界面。

如何配置 Web 界面
使用 Web 界面首选项可以设置通过浏览器访问 Web 界面的端口。
跨域资源共享 (CORS)
以下是有关 VRED Web 界面中的跨域资源共享 (CORS) 的信息。它也已针对 VREDServer 实现。
在“常规设置”>“Web 界面”>“跨域资源共享(CORS)”首选项中设置 VRED 使用的跨域资源共享 (CORS) 默认行为。
下面是跨域请求共享的 HTTP 标头:
Access-Control-Allow-Origin:*
Access-Control-Allow-Methods:GET,HEAD,PUT,PATCH,POST,DELETE
Access-Control-Allow-Headers:content-type
Access-Control-Allow-Origin:*
如果主机或端口与当前网站/Web 应用程序运行时使用的主机或端口不同,并且 Web 应用程序尝试通过 JavaScript 向后一种情况的主机发送请求,然后向该主机发送请求,该主机将同意该请求。否则,浏览器将不发送请求。
过程如下:
浏览器在预检请求中通过 HTTP 方法 OPTIONS 查询不同的主机或端口(如果该主机同意)。如果响应中包含如上文预检中所示的 HTTP 标头,则将尝试发送实际请求。
浏览器发送实际请求。同样,也必须包含如上文实际请求中所示的 HTTP 标头。必须设置此内容;否则,浏览器将无法处理响应。
有关标头及其工作方式的其他信息,请访问 Access-Control-Allow-Origin 和 跨域资源共享 (CORS)。