跑通Demo(Web)

本文主要介绍如何快速地将腾讯云实时音视频 Demo(Web) 工程运行起来，您只需参考如下步骤依次执行即可。

1. 创建新的应用

进入腾讯云实时音视频 控制台，如果您还没有创建过一个应用，可以先创建一个新应用，即可获得 SDKAppid，并且可以继续下一步：

2. 购买测试套餐

单击【购买6.6元测试体验包】按钮，为上一步中创建的 SDKAppid 充值一定分钟数的测试用视频通话时长。

3. 下载 Demo 源码

充值完体验包之后，回到实时音视频控制台页面，单击第一步新创建的应用名称，进入该应用的详情页，在页面的第一步指引中即可看到源码下载地址：

4. 下载私钥文件

单击下载公私钥的链接，即可获得一个名为 keys.zip 的压缩包，解压后可以得到两个文件，即 public_key 和 private_key，用记事本打开 private_key 文件，并将其中的内容拷贝到控制台应用详情页的第三步生成Demo配置文件内容的文本输入框中。

5. 获得配置文件

单击【生成Demo配置文件内容】按钮，即可获得一段 json 格式的文本内容，这段内容是由控制台根据您在第四步中填写的 private_key 基于非对称加密算法，生成的一组测试用的 userid 和 usersig。

复制上面的 json 内容，打开文件 js/config.js ，并按代码注释指引替换对应的内容。

说明：

此处方案仅用于快速跑通 Demo 示例。
真实的线上环境中，需要您的业务服务器根据 userid，使用上面提到的 private_key 实时计算出 usersig，这部分内容请参考 如何计算UserSig。

6. 运行 Demo

• step1：使用最新版本的 Chrome 浏览器打开 index.html

注意：

• 一般情况下体验 demo 需要部署至服务器，通过 [https://域名/xxx] 访问，或者直接在本地搭建服务器，通过 [localhost：端口] 访问，避免浏览器限制在 file 协议下进行 WebRTC 通信。
• 目前 Chrome 浏览器较完整支持 WebRTC 的特性，因此建议使用 Chrome 浏览器进行体验。

• setp2：进入页面后，选择一个体验用户名，并输入相应的房间号，单击我要视频通话。
• step3：浏览器会提示是否允许当前页面使用摄像头和麦克风，请单击允许，然后就可以看到视频画面了。

常见问题

1. 防火墙限制

由于 SDK 使用 UDP 协议进行音视频传输，所以对 UDP 有拦截的办公网络下无法使用，如遇到类似问题，请将如下域名和端口加入防火墙的安全白名单中。
域名：qcloud.rtc.qq.com