使用react-native-webrtc(Rn0.6以上版本)

1.安裝

npm install react-native-webrtc
or 
yarn add react-native-webrtc

2.配置

2.1.Android

react-native0.6以上版本自動鏈接，只需要修改 android/app/src/main/AndroidManifest.xml 添加權限即可

<uses-permission android:name="android.permission.CAMERA" />
<uses-feature android:name="android.hardware.camera" />
<uses-feature android:name="android.hardware.camera.autofocus"/>

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.WAKE_LOCK" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

2.1.IOS

2.1.1.添加庫

在Xcode中右鍵 Libraries 選擇 Add Files to [project] 

在彈出菜單中選擇 node_modules/react-native-webrtc/ios/RCTWebRTC.xcodeproj 最后點擊添加，如下圖所示

 

 

 在Xcode中右鍵工程名，選擇 Add Files to [project] 

選擇並添加 node_modules/react-native-webrtc/ios/WebRTC.framework ，如下圖所示

 

 

2.1.2.修改Podfile

修改

platform :ios, '11.0'

添加如下配置

pod 'react-native-webrtc', :path => '../node_modules/react-native-webrtc'

修改 Info.plist ，添加如下配置

<key>NSCameraUsageDescription</key>
<string>Camera Permission</string>
<key>NSMicrophoneUsageDescription</key>
<string>Microphone Permission</string>

上述步驟完成后在ios目錄打開終端執行 pod install 

 

IOS編譯時報錯處理

jitsi-meet/node_modules/react-native-webrtc/ios/WebRTC.framework/WebRTC' does not contain bitcode. You must rebuild it with bitcode enabled (Xcode setting ENABLE_BITCODE), obtain an updated library from the vendor, or disable bitcode for this target.

設置Bitcode為true，重新編譯

如果還不通過，終端下執行 node_modules/react-native-webrtc/tools/downloadBitcode.sh 這個文件