知識
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價值,我們在追求其視覺表現(xiàn)的同時,更側(cè)重于功能的便捷,營銷的便利,運營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!
您當(dāng)前位置>首頁 » 新聞資訊 » 小程序相關(guān) >
聲網(wǎng)(agora)音視頻通話sdk—微信小程序demo
發(fā)表時間:2020-9-28
發(fā)布人:葵宇科技
瀏覽次數(shù):233
-
首先需要注冊一個聲網(wǎng)賬號,注冊成功后創(chuàng)建項目
-
appid是指聲網(wǎng)項目的appid(后續(xù)會在小程序的配置文件中用到)
-
微信小程序接入視頻通話,需要聲網(wǎng)給開通小程序的權(quán)限
給聲網(wǎng)郵箱發(fā)送郵件,注明開通微信小程序接入權(quán)限,并給發(fā)送appid(appid是聲網(wǎng)注冊是創(chuàng)建項目的appid)
郵箱賬號: sales@agora.io
(2)給聲網(wǎng)客服打電話開通,聲網(wǎng)電話:400 6326626
注:給官網(wǎng)郵箱發(fā)郵件,沒人回復(fù)我,后來還是打客服開通的,客服態(tài)度很好哦 -
我們還需要一個小程序賬號,小程序需要開通以下兩個權(quán)限,不然沒辦法完成實時音視頻功能,在小程序主頁的【開發(fā)】的【接口設(shè)置】中,必須是企業(yè)賬號才能開通這兩個權(quán)限,個人賬號無法開通
-
以上步驟完成之后,就可以跑起來我們的小程序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下來https://github.com/AgoraIO/Agora-Miniapp-Tutorial,如果 速度比較慢的話,可以先導(dǎo)入到碼云上面再clone
-
下載下來代碼之后,使用微信開發(fā)者工具運行代碼,效果是這樣的
但是控制臺會報錯,錯誤如下圖:
這是因為我們沒有把聲網(wǎng)的sdk文件引入
下載好壓縮包之后解壓,把文件重命名為mini-app-sdk-production.js,然后放入小程序項目lib目錄下
-
保存重新運行后,項目會出現(xiàn)這樣的提示框
我們在小程序的utils文件夾下config文件中,將之前在聲網(wǎng)創(chuàng)建的appid復(fù)制到這里面來
-
再次運行隨便輸入一個房間號,發(fā)現(xiàn)還是會報錯
這個時候我們需要將這些域名配置到小程序的服務(wù)器域名中(【開發(fā)】->【開發(fā)設(shè)置】->【服務(wù)器域名】),前六個配置到request合法域名中,最后一個配置到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
配完之后在開發(fā)者工具的右上角點擊詳情,出現(xiàn)如下頁面,點擊刷新按鈕,重新編譯程序 -
這次輸入房間號(房間號任意字符串都可以)進(jìn)入通話頁面,彈出的對話框選擇取消是作為觀眾加入,觀眾不需要推流,只可以觀看房間內(nèi)主播的視頻,點擊確定的話是作為主播加入房間,會調(diào)用攝像頭。進(jìn)入通話頁面后,可以看到過了一會會報客戶端初始化失敗。我們在pages/meeting/meeting.js這個文件中找到client.join這個方法
發(fā)現(xiàn)這個方法的第一個參數(shù)是undefined,聲網(wǎng)api對這三個參數(shù)的說明是這樣的
仔細(xì)想想,平常生活中都是一個房間鎖配一把鑰匙,所以也是一樣,一個頻道名應(yīng)該會有對應(yīng)的token
-
接下來,我們在項目概覽中編輯一下項目,在這一頁中有一個生成臨時token
點進(jìn)去之后
這里我輸入的房間號是123,點擊生成臨時token,會出現(xiàn)一大串字符,將這個字符復(fù)制到之前client.join()方法的第一個參數(shù)中,保存運行
-
在輸入框中填入剛才在聲網(wǎng)項目寫的頻道名,這次就可以成功了,需要在手機上調(diào)試,才會出來效果,可以拿兩個手機,測試一下對方是否可以收到視頻就可以了
相關(guān)案例查看更多
相關(guān)閱讀
- 網(wǎng)站建設(shè)方法
- web
- 搜索引擎排名
- 企業(yè)網(wǎng)站
- 云南小程序代建
- 云南網(wǎng)站建設(shè)百度
- 保險網(wǎng)站建設(shè)公司
- 云南軟件定制
- 網(wǎng)絡(luò)公司電話
- 北京小程序開發(fā)
- 智慧農(nóng)貿(mào)市場
- 手機網(wǎng)站建設(shè)
- 云南網(wǎng)站建設(shè)服務(wù)公司
- 云南網(wǎng)站建設(shè)一條龍
- 排名
- 重慶網(wǎng)站建設(shè)公司
- 網(wǎng)站維護(hù)
- 人口普查小程序
- 汽車報廢管理
- SEO
- 小程序公司
- 汽車回收系統(tǒng)
- 網(wǎng)站開發(fā)哪家好
- 云南網(wǎng)站建設(shè)專家
- 百度小程序公司
- web教程
- 定制小程序開發(fā)
- 電商網(wǎng)站建設(shè)
- 云南省住房建設(shè)廳網(wǎng)站
- 昆明做網(wǎng)站建設(shè)的公司排名