You need to enable JavaScript to run this app.
导航
React Native
最近更新时间:2024.08.19 11:35:33首次发布时间:2024.08.02 17:33:59

本章节介绍 React Native 推/拉流 SDK 的支持系统、开发环境和集成方式。根据如下步骤进行操作,即可完成 React Native 推/拉流 SDK 集成工作。

开发环境要求

  • React Native 0.70 及以上版本。
  • Node v16 以上版本。
  • Android 端:
    • Android 4.3 及以上系统;
    • armv7a、arm64 架构。
  • iOS & macOS 端开发:
    • iOS 11.0 以上的 iPhone 或者 iPad 真机。
    • Xcode 14.0 以上版本。
  • 请确保您的项目已设置有效的开发者签名。
  • 环境安装请参见官方文档

前提条件

获取 License文件。

集成 SDK

使用以下地址在线集成 SDK。

  • 推流 SDK 集成地址:npm i @volcengine/react-native-velive-push
  • 拉流 SDK 集成地址:npm i @volcengine/react-native-velive-pull

Step 1:配置仓库

  1. 打开 Android 根目录下的 build.gradle。

  2. 定义 Maven 仓库。并配置仓库服务器的 URL。URL 为 https://artifact.bytedance.com/repository/Volcengine/。集成代码示例如下所示。

    allprojects {
        repositories {
            google()
            mavenCentral()
            maven {
                url "https://artifact.bytedance.com/repository/Volcengine/" // volc public maven repo
            }
        }
    }
    
    apply from: 'https://ve-vos.volccdn.com/script/vevos-repo-base.gradle'
    

Step 2:添加依赖

在 iOS 的 Podefile 文件中添加依赖。

source 'https://github.com/volcengine/volcengine-specs.git'
source 'https://cdn.cocoapods.org/'

配置权限

Android

在 AndroidManifest.xml 文件中声明应用间交互的权限。

<!-- 使用权限 -->
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.INTERNET" />

iOS

使用 SDK 的音视频功能,需要授权麦克风和摄像头的权限。在 info.plist 中配置开启摄像头和麦克风权限。

  • NSCameraUsageDescription
  • NSMicrophoneUsageDescription

添加 License

拷贝 License 文件到工程目录下。并记住 License 文件的存放路径。

注意

License 文件已绑定了 BundleID 和 AppID。如果 License 文件与工程的 BundleID 或 AppID 不一致,会导致鉴权失败。