小程序實時視頻前端

最近公司項目有用到騰訊雲的實時音視頻，一開始覺得比較容易，可是也容易踩坑，就重點總結以下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。 ！