# 流媒体与可视化器

流媒体是 Luxonis Hub 的核心能力，但推荐的面向客户的集成模式是特定的：您的后端从 Hub 获取连接引导数据，然后您的前端使用该派生数据进行连接。

## 推荐工作流

对于客户门户：

 1. 您的前端向后端请求一个会话。
 2. 您的后端调用 Hub GraphQL 控制 API。
 3. 您的后端向前端返回引导数据。
 4. 您的前端使用该数据进行连接。

请使用：

 * requestDeviceWebrtcConfig 用于设备会话，例如 Web 终端和实时日志
 * requestDeviceAppConnection 用于应用会话和可视化器会话

> **默认需经后端代理**
> 请勿直接使用 Hub API 密钥在浏览器中调用这些引导工作流。后端应持有 Hub 凭证，仅返回派生后的连接数据。

## 可视化器为默认推荐组件

对于客户门户，可视化器是推荐的渲染原语。

当您需要的不仅仅是原始视频播放器时，它是最佳默认选择，包括：

 * 摄像头流
 * 检测结果和叠加层
 * 更丰富的输出，如点云

如果您的应用提供了自定义静态前端，Hub 可以将其公开。如果没有，Hub 则会打开默认的可视化器。

## 何时使用自定义渲染

自定义渲染仍然得到支持，但应视为高级/自定义路径。

选择此路径的情况：

 * 您需要完全定制的 UI
 * 您的技术栈并非以 JavaScript 可视化器为核心
 * 您希望自行掌控完整的渲染管线

## 连接模式

有两种常见路径：

 * 通过 Hub 中介的远程访问（基于 WebRTC），适用于远程门户、Hub UI 和面向客户的云产品
 * 同一局域网内的直接访问（基于 WebSocket），适用于本地/设备端访问模式

同一局域网直接访问可作为备用方案，但并非标准的远程集成模型。

## 相关 Hub 功能

 * Web 终端使用设备会话路径。
 * 实时应用日志使用设备会话路径。
 * 应用前端和可视化器会话使用应用连接路径。

## 下一步

### 实时视图与静态前端

了解 Hub 如何打开已发布的应用前端，或回退到默认的可视化器。

[实时视图与静态前端](https://docs.luxonis.com/cloud/features/application-management/live-view-and-static-frontend.md)

### OAK 可视化器

深入了解用于远程渲染的可视化器组件。

[OAK 可视化器](https://docs.luxonis.com/software-v3/depthai/tools/oak-visualizer.md)