哈咯大家好，這里是碼農的搬運工！！
這幾天也是一時興起，想到騰訊云的實時音視頻的SDK來進行一個真正的視頻通話，也是撰寫了一個小小的demo
話不多說，整活，開干！！！
首先哈，我們評估下騰訊云的這個實時音視頻SDK【有利也有弊】（此篇檔案僅針對web端的SDK哈）：
一、本身騰訊云的實時音視頻SDK使用的是Chrome推出的WebRTC的協議，會有一定的限制性，參考騰訊云官方檔案哈：
實時音視頻 API 概覽 - 客戶端 API - 檔案中心 - 騰訊云
二、也就是他的特性，擁有一個低延時高品質的音視頻互動，還是參考騰訊云官方檔案哈：
實時音視頻 產品概述 - 產品簡介 - 檔案中心 - 騰訊云
-----------------------------------分割線-----------------------------------
好，下面我們就正式開始哈：
界面展示：
登錄界面：
通話界面：
界面有點low，請勿介意~
各位鐵子們別著急，代碼我會一一奉上，
說幾個我踩過的坑吧！！
1、這是一個vue2的專案，騰訊云官方很貼心哈，給到了一個本地聲場userSig的工具，
userSig是什么呢，來看看哈：在TRTC這邊createClient的時候需要傳入引數sdkappid，userid，userSig，簡單說就是一個用戶在使用SDK的時候的賬號密碼，一般來說都是需要服務器生成之后傳給前端的，但是我在測驗，就只好本地生成啦
但是呢，Vue針對這個本地生成的userSig工具不是很友好，目前只研究了vue2的架構，能做到出現一個警告，但是去除不掉【很石頭大咩~】，至于Vue3更加嚴格，會出現一個簽名工具的報錯，導致無法正常使用【也可能是我太菜，大家有解決的話，歡迎留言私信哦~】
2、騰訊云官方提供了一個基礎視頻通話的順序：
Tutorial: 基礎音視頻通話 - Documentation
從創建，到最后的退出，算是蠻良心了，跟著這個都是可以正常跑通的哦~
值得說的是這個play的方法
這個地方很容易讓人忽略，當時踩過一個坑，定義一個localStream但是我給了一個class，并沒有給ID，這個時候SDK竟然拿不到，拿不到呀拿不到，后來我發現檔案中的描述是【HTML <div> 標簽 ID 或者 HTMLDivElement 物件，該方法內部自動創建的音視頻標簽將被添加到該容器中，】：
Stream - Documentation
很容易忽略哈~
后面真的寫不下去了，不知道該怎么介紹！！！（急死我了，煩！）
我還是直接上代碼吧【以下是我自己的碼云倉庫地址】：
Tencent_WebTRTC: 騰訊云web端TRTC
制作不易，幫忙點個贊唄~
---------------------------------------------------分割線-----------------------------------------------------
第一次寫文章，多多少少有點緊張，希望大家多多包涵！！
歡迎大家隨時留言私信，我們一起交流！！！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/349757.html
標籤：其他