文档中心

实时音视频

请输入

跑通 RTS 快速开始 Demo

Web

前提条件

操作系统为图形化界面

终端

安装最新版本的 Chrome 浏览器，并设置为默认浏览器

已获取 RTS 快速开始 Demo 工程文件

操作步骤

步骤 1：获取 AppId 和临时 Token

申请临时 Token 后，你应记录下申请时的房间 ID，用户 ID 和对应生成的临时 Token，以供后续配置环境和加入房间时使用。

注意：

参看开通服务和使用临时 Token 获取 APP_ID 和临时 TOKEN。

生成临时 TOKEN 时，房间 ID 可传任意值。

临时 TOKEN 仅用于测试或跑通 Demo，你可以通过阅读密钥说明了解更多 Token 相关说明。

建议至少申请两个不同 token 对应不同的 User ID

步骤 2：配置 Demo 工程文件

全局安装 Node.js；

使用 npm 全局安装 yarn ：npm install -g yarn；

修改配置文件，在 Demo 工程根目录中找到./js/config.js（Basic）或./src/Config.ts（React）配置文件，并在以下字段中填入对应信息：

appId：填写你的 AppID；

userId：填写你的用户 ID；

token：填写用户 ID 和对应 Token。

步骤 3：编译运行

打开终端，进入 Demo 工程文件根目录；

运行yarn命令安装所需的依赖项，请耐心等待安装完成；

运行yarn dev 命令启动 Demo。

Basic Demo 将在 1234 端口运行。请在浏览器中打开 http://localhost:1234/?userId=XXX，将 “XXX” 替换成步骤 2 配置文件中填写的 userId 即可。你可以打开两个网页进行相互通信:

http://localhost:1234/?userId=user_1

http://localhost:1234/?userId=user_2

React Demo 将在 3000 端口运行。请在浏览器中打开 http://localhost:3000/?userId=XXX，将 “XXX” 替换成步骤 2 配置文件中填写的 userId 即可。你可以打开两个网页进行相互通信:

http://localhost:3000/?userId=user_1

http://localhost:3000/?userId=user_2

步骤 4：体验 Demo 功能

发送点对点自定义消息

点对点自定义消息不需要用户进房。在左侧输入框输入接收端用户 ID，在右侧输入框输入消息内容，点击“发送”按钮：

发送点对点邀请消息

点对点邀请消息不需要用户进房。输入目标用户 ID 后点击“发送邀请消息”按钮：

进房/离房

用户进房后，可以向房间内所有用户发送广播消息。

进房：输入房间 ID 后点击“加入房间”按钮

离房：点击“离开房间”按钮

在房间内发送自定义广播消息

可以将自定义消息广播至特定房间，房间内所有用户均可以收到消息：

输入房间 ID；

点击“加入房间”按钮进房；

成功进房后，输入房间自定义消息；

点击“发送”按钮, 同一个房间内的所有其他用户将收到该消息。

在房间内发送全员禁言消息

全员禁言消息是一种具有特定 JSON 结构的自定义广播消息，在JSON.stringify()之后将内容传输给房间内所有用户：

输入房间 ID；

点击“加入房间”按钮进房；

成功进房后，点击“发送全员禁言消息”按钮，同一房间内的其他所有用户将收到该消息。

最近更新时间：2026.08.06 10:57:26

这个页面对您有帮助吗？

有用

无用