日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪(fǎng)問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

声网(agora)音视频通话sdk—微信小程序demo

發(fā)布時(shí)間:2023/12/20 编程问答 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 声网(agora)音视频通话sdk—微信小程序demo 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
  • 首先需要注冊(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)題。

    如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。