iOS音視頻開(kāi)源框架WebRTC入門(mén)-簡(jiǎn)單應(yīng)用

系列

iOS音視頻開(kāi)源框架WebRTC入門(mén)-編譯(前序-授人魚(yú)不如授人以漁)
iOS音視頻開(kāi)源框架WebRTC入門(mén)-編譯(后序-帶WebRTC源碼)
iOS音視頻開(kāi)源框架WebRTC入門(mén)-AppRTCMobile(WebRTC官網(wǎng)demo)
iOS音視頻開(kāi)源框架WebRTC入門(mén)-簡(jiǎn)單應(yīng)用
iOS音視頻開(kāi)源框架WebRTC入門(mén)-本地/遠(yuǎn)端圖像等比縮放
iOS音視頻開(kāi)源框架WebRTC入門(mén)-外網(wǎng)通信

鳴謝

首先感謝大神涂耀輝寫(xiě)的這篇文章:
iOS下音視頻通信-基于WebRTC
文章講解了WebRTC中相關(guān)概念以及實(shí)現(xiàn)原理,我這里簡(jiǎn)單使用最新的WebRTC接口重寫(xiě)哈大神的項(xiàng)目
相關(guān)代碼??:BKWebRTC

1. 引入項(xiàng)目

WebRTC編譯以后生成的庫(kù):

image.png

關(guān)于WebRTC編譯的流程可以參考我的這篇文章??:iOS音視頻框架WebRTC入門(mén)-編譯

1.1. 首先將WebRTC庫(kù)引入iOS項(xiàng)目

image.png

但是...項(xiàng)目報(bào)錯(cuò)了,看看報(bào)的啥錯(cuò)誤:


image.png

從信息來(lái)看是鏈接報(bào)錯(cuò),看來(lái)看去還是一臉懵逼...
其實(shí)是 Bitcode 導(dǎo)致的經(jīng)典錯(cuò)誤
將 Enable Bitcode 設(shè)置為 No 就好使了


image.png

現(xiàn)在可以使用WebRTC庫(kù)進(jìn)行編譯了:
image.png

此時(shí),WebRTC需要依賴系統(tǒng)庫(kù):
image.png

再次連接真機(jī)進(jìn)行編譯,不會(huì)報(bào)錯(cuò)了:


image.png

編譯通過(guò),真機(jī)運(yùn)行:
image.png

這又是一個(gè)很經(jīng)典的報(bào)錯(cuò):
image.png

這樣就可以解決上述報(bào)錯(cuò)了
但是在調(diào)用WebRTC接口的過(guò)程中崩潰:
image.png

顯然這是權(quán)限描述導(dǎo)致的:
image.png

運(yùn)行成功:
真機(jī):
image.png

Mac Chrome瀏覽器:


image.png

2. 細(xì)節(jié)

需要先開(kāi)啟服務(wù)器端:


image.png
node server.js

然后手機(jī)端和瀏覽器端隨意進(jìn)退聊天室:
瀏覽器端進(jìn)入聊天室:

localhost:3000#100

3. 關(guān)于demo

demo中使用的都是WebRTC最新接口,整個(gè)demo搭建的思路,在這里再次感謝大神涂耀輝的分享
參考鏈接:
iOS下音視頻通信-基于WebRTC

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容