跑通Demo(Web)

最近更新时间:2019-01-21 17:26:13

查看pdf

本文主要介绍如何快速地将腾讯云实时音视频 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

协议 端口号
TCP 8687
UDP 8000、8800、443