iOS音視頻開源框架WebRTC入門-簡單應用

系列

iOS音視頻開源框架WebRTC入門-編譯(前序-授人魚不如授人以漁)
iOS音視頻開源框架WebRTC入門-編譯(后序-帶WebRTC源碼)
iOS音視頻開源框架WebRTC入門-AppRTCMobile(WebRTC官網demo)
iOS音視頻開源框架WebRTC入門-簡單應用
iOS音視頻開源框架WebRTC入門-本地/遠端圖像等比縮放
iOS音視頻開源框架WebRTC入門-外網通信

鳴謝

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

1. 引入項目

WebRTC編譯以后生成的庫:

image.png

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

1.1. 首先將WebRTC庫引入iOS項目

image.png

但是...項目報錯了,看看報的啥錯誤:


image.png

從信息來看是鏈接報錯,看來看去還是一臉懵逼...
其實是 Bitcode 導致的經典錯誤
將 Enable Bitcode 設置為 No 就好使了


image.png

現在可以使用WebRTC庫進行編譯了:
image.png

此時,WebRTC需要依賴系統庫:
image.png

再次連接真機進行編譯,不會報錯了:


image.png

編譯通過,真機運行:
image.png

這又是一個很經典的報錯:
image.png

這樣就可以解決上述報錯了
但是在調用WebRTC接口的過程中崩潰:
image.png

顯然這是權限描述導致的:
image.png

運行成功:
真機:
image.png

Mac Chrome瀏覽器:


image.png

2. 細節

需要先開啟服務器端:


image.png
node server.js

然后手機端和瀏覽器端隨意進退聊天室:
瀏覽器端進入聊天室:

localhost:3000#100

3. 關于demo

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容