小程序实时视频前端

最近公司项目有用到腾讯云的实时音视频，一开始觉得比较容易，可是也容易踩坑，就重点总结以下7个步骤：

step1：

首先A 跟业务服务器（腾讯云服务，是与websocket进行沟通）沟通，获取 push-url-A 和低延时的 play-url-A，服务器分配 URL 的方法参考 DOC。

step2：

A 建立一个 RTC 模式的 标签，指定 url 为 step1 中得到的 push-url-A，并经过 bindstatechange 属性绑定一个 javascript 函数（好比叫 onPushEvent）。

step3：

A 这边须要一些时间启动推流，推流开始之后， 会经过 onPushEvent 的 PUSH_EVT_PUSH_BEGIN（1002）事件通知给 A， 此时 A 能够向 B 发起通话请求，请求中能够携带 play-url-A。

step4：

B 须要等待 UI 界面上的确认，若是 B 确认接通，接下来要作的就是建立一个 RTC 模式的 ，并指定 src 为 play-url-A。

step5：

B 此时还要跟业务服务器沟通，获取 push-url-B 和低延时的 play-url-B，并建立一个 RTC 模式的 标签，指定 url 为 push-url-B，并经过 bindstatechange 属性绑定一个 javascript 函数（好比叫 onPushEvent）。

step6：

B 此时须要一些时间启动推流，推流开始之后， 会经过 onPushEvent 的 PUSH_EVT_PUSH_BEGIN（1002）事件通知给 B，以后 B 能够向 A 响应通话请求，请求中能够携带 play-url-B。

step7:

A 此时要作的就是建立一个 RTC 模式的 ，并指定 src 为 play-url-B。 ！