声网(agora)音视频通话sdk—微信小程序demo
首先需要注冊(cè)一個(gè)聲網(wǎng)賬號(hào),注冊(cè)成功后創(chuàng)建項(xiàng)目
appid是指聲網(wǎng)項(xiàng)目的appid(后續(xù)會(huì)在小程序的配置文件中用到)
微信小程序接入視頻通話(huà),需要聲網(wǎng)給開(kāi)通小程序的權(quán)限
給聲網(wǎng)郵箱發(fā)送郵件,注明開(kāi)通微信小程序接入權(quán)限,并給發(fā)送appid(appid是聲網(wǎng)注冊(cè)是創(chuàng)建項(xiàng)目的appid)
郵箱賬號(hào): sales@agora.io
(2)給聲網(wǎng)客服打電話(huà)開(kāi)通,聲網(wǎng)電話(huà):400 6326626
注:給官網(wǎng)郵箱發(fā)郵件,沒(méi)人回復(fù)我,后來(lái)還是打客服開(kāi)通的,客服態(tài)度很好哦
我們還需要一個(gè)小程序賬號(hào),小程序需要開(kāi)通以下兩個(gè)權(quán)限,不然沒(méi)辦法完成實(shí)時(shí)音視頻功能,在小程序主頁(yè)的【開(kāi)發(fā)】的【接口設(shè)置】中,必須是企業(yè)賬號(hào)才能開(kāi)通這兩個(gè)權(quán)限,個(gè)人賬號(hào)無(wú)法開(kāi)通
以上步驟完成之后,就可以跑起來(lái)我們的小程序demo了,聲網(wǎng)小程序鏈接地址如下https://docs.agora.io/cn/Video/start_call_wechat?platform=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F
第一步:現(xiàn)在GitHub上面把聲網(wǎng)的官方示例代碼clone下來(lái)https://github.com/AgoraIO/Agora-Miniapp-Tutorial,如果 速度比較慢的話(huà),可以先導(dǎo)入到碼云上面再clone
下載下來(lái)代碼之后,使用微信開(kāi)發(fā)者工具運(yùn)行代碼,效果是這樣的但是控制臺(tái)會(huì)報(bào)錯(cuò),錯(cuò)誤如下圖:這是因?yàn)槲覀儧](méi)有把聲網(wǎng)的sdk文件引入下載好壓縮包之后解壓,把文件重命名為mini-app-sdk-production.js,然后放入小程序項(xiàng)目lib目錄下
保存重新運(yùn)行后,項(xiàng)目會(huì)出現(xiàn)這樣的提示框我們?cè)谛〕绦虻膗tils文件夾下config文件中,將之前在聲網(wǎng)創(chuàng)建的appid復(fù)制到這里面來(lái)
再次運(yùn)行隨便輸入一個(gè)房間號(hào),發(fā)現(xiàn)還是會(huì)報(bào)錯(cuò)
這個(gè)時(shí)候我們需要將這些域名配置到小程序的服務(wù)器域名中(【開(kāi)發(fā)】->【開(kāi)發(fā)設(shè)置】->【服務(wù)器域名】),前六個(gè)配置到request合法域名中,最后一個(gè)配置到socket合法域名中。
https://miniapp.agoraio.cn
https://miniapp-1.agoraio.cn
https://miniapp-2.agoraio.cn
https://miniapp-3.agoraio.cn
https://miniapp-4.agoraio.cn
https://uni-webcollector.agora.io
wss://miniapp.agoraio.cn
配完之后在開(kāi)發(fā)者工具的右上角點(diǎn)擊詳情,出現(xiàn)如下頁(yè)面,點(diǎn)擊刷新按鈕,重新編譯程序
這次輸入房間號(hào)(房間號(hào)任意字符串都可以)進(jìn)入通話(huà)頁(yè)面,彈出的對(duì)話(huà)框選擇取消是作為觀眾加入,觀眾不需要推流,只可以觀看房間內(nèi)主播的視頻,點(diǎn)擊確定的話(huà)是作為主播加入房間,會(huì)調(diào)用攝像頭。進(jìn)入通話(huà)頁(yè)面后,可以看到過(guò)了一會(huì)會(huì)報(bào)客戶(hù)端初始化失敗。我們?cè)趐ages/meeting/meeting.js這個(gè)文件中找到client.join這個(gè)方法發(fā)現(xiàn)這個(gè)方法的第一個(gè)參數(shù)是undefined,聲網(wǎng)api對(duì)這三個(gè)參數(shù)的說(shuō)明是這樣的仔細(xì)想想,平常生活中都是一個(gè)房間鎖配一把鑰匙,所以也是一樣,一個(gè)頻道名應(yīng)該會(huì)有對(duì)應(yīng)的token
接下來(lái),我們?cè)陧?xiàng)目概覽中編輯一下項(xiàng)目,在這一頁(yè)中有一個(gè)生成臨時(shí)token點(diǎn)進(jìn)去之后這里我輸入的房間號(hào)是123,點(diǎn)擊生成臨時(shí)token,會(huì)出現(xiàn)一大串字符,將這個(gè)字符復(fù)制到之前client.join()方法的第一個(gè)參數(shù)中,保存運(yùn)行
在輸入框中填入剛才在聲網(wǎng)項(xiàng)目寫(xiě)的頻道名,這次就可以成功了,需要在手機(jī)上調(diào)試,才會(huì)出來(lái)效果,可以拿兩個(gè)手機(jī),測(cè)試一下對(duì)方是否可以收到視頻就可以了
總結(jié)
以上是生活随笔為你收集整理的声网(agora)音视频通话sdk—微信小程序demo的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: uva 10635 Prince and
- 下一篇: js对象转json字符串