zoukankan      html  css  js  c++  java
  • 使用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.
    View Code

    设置Bitcode为true,重新编译

    如果还不通过,终端下执行 node_modules/react-native-webrtc/tools/downloadBitcode.sh 这个文件

  • 相关阅读:
    C# 操作Excel,使用EPPlus
    结构型设计模式之代理模式(Proxy)
    结构型设计模式之组合模式(Composite)
    结构型设计模式之桥接模式(Bridge)
    C#操作windows事件日志项
    C#操作XML序列化与反序列化
    日志组件Log4Net
    UI Automation 简介
    Selenium
    Selenium
  • 原文地址:https://www.cnblogs.com/dch0/p/13372405.html
Copyright © 2011-2022 走看看