随着WebRTC等技术的出现,我们周围的通信正在不断演变。如今,企业采用创新以保持领先地位已变得更加重要。鉴于视频通话最近获得的名声,许多应用程序都在整合它,以便为用户提供更好的体验。
虽然 WebRTC 一直因提供足够的 API 供您将其嵌入到您的应用/网站中而备受赞誉,但现实却有所不同。如果您或您的团队缺乏专业知识,这项轻松的任务可能会变成一场真正的斗争。别忘了,就像任何开发项目一样,这也需要努力、时间、金钱、基础设施和维护。对于那些想要进入市场而又不想投入大量资金构建 MVP 的缺乏经验的组织或初创公司来说,这也可能是一个障碍。
为了避免所有麻烦和基础设施投资
您可以求助于 CPaaS(通信平台即服务)提供商,为您提供基于 WebRTC 构建的模块化和功能丰富的 API。最好的部分是 – 它也不会花掉您一大笔钱!事实上,它的即用即付模式允许您按使用量付费,这使其成为一种经济实惠的选择。
在我最近的项目中,我使用EnableX Video API使用 React Native 构建一对一视频应用程序。
EnableX 是一个基于云的通信平台,用于将视频、语音、短信和聊天消息嵌入到任何应用和网站中。它基于运营商级平台构建,为开发人员提供全套通信 API 和开发创新且引人入胜的通信体验所需的所有工具包。
以下是主要的 EnableX 类的列表,其中包含进行端到端视频通信所需的各种方法。
- EnxRtc:此类包含连接房间和加入房间的方法。
- EnxRoom:此类包含处理房间内操作的方法。例如,将端点连接到 EnableX Room、发布和订阅流等。
- EnxStream:此类处理所有与媒体流相关的功能。例如,启动、配置和传输流到 EnableX 媒体服务器和从 EnableX 媒体服务器传输流,接收要播放的流等。
- EnxPlayerView:此类用于在 EnxPlayerview 上显示视频流。
在 Enablex 官方开发者文档中了解有关 EnableX 基础知识的更多信息。
创建 EnableX 帐户以制作视频通话应用程序
在我开始详细说明之前,请对 React Native 和使用 React Native 包有一个基本的到中级的了解。
您还需要创建一个 EnableX 帐户。它是完全免费的,而且您的 国家明智的电话号码数据 帐户中还会有价值 5 美元的免费积分!完成后,创建一个项目并获取必要的凭证,您就可以开始了!
- 在此注册账户
- 创建项目
- 获取App ID和App Key
使用 Expo CLI 创建 React Native 应用的步骤
-
- 启动开发服务器:运行以下命令,使用 Expo CLI 创建一个新的 React Native 项目。将变量 ProjectName 替换为您的项目名称。
- 启动你的应用程序:
- 在Android上:
- 安装 Expo 客户端应用程序 美国B2B清单 并连接到与您的计算机相同的无线网络。
- 使用 Expo 应用程序从您的终端扫描二维码以打开您的项目。
- 设置 Android Studio 或 Xcode。
- 通过运行以下命令,使用 USB 在 Android 虚拟设备或真实设备上启动您的应用程序
- 在 iOS 上:
- 安装 Expo 客户端应用程序并连接到与您的计算机相同的无线网络。
- 使用相机应用程序内置的二维码扫描仪打开您的项目。
- 通过运行以下命令在 iOS 模拟器(仅限 macOS)上启动您的应用程序
启动服务器并安装客户端后,您现在可以继续在您的应用程序(客户端)中集成 EnableX 房间。
将 EnableX 与 React Native 应用程序集成的步骤:
-
- 1. EnableX 提供了一个名为 enx-rtc-react-native 的 react-native 包装器,需要将 谷歌澄清其有用内容系统的运作方式 其导入到您的代码中才能访问各种 EnableX 类。此“enx-rtc-react-native”插件是通过将原生 EnableX SDK 与 Javascript 集成而构建的。请根据您的要求,按照 iOS 或 Android 先决条件中提到的步骤,准备您的应用程序以安装 enx-rtc-react-native。
iOS 的先决条件:
-
-
-
- 安装node.js
- 安装并更新Xcode(你需要一台 Mac)
- 确保您的机器上安装了 CocoaPods。如果已安装,您可能需要编辑 Podfile 和项目结构,因为安装过程已发生变化。
- 转到 React Native 项目的 ios 目录。
- 通过运行 pod init 创建一个 pod 文件。
- 在 podfile 中添加以下内容:
- 执行命令,pod install
- 安装 EnxRTCiOS SDK 后,切换到项目的根目录。
- 现在运行,react-native link enx-rtc-react-native。
- 在 XCode 中打开 .xcworkspace 内容。此文件可以在您的 React Native 项目的 ios 文件夹中找到。
- 选择文件->新建文件
- 向您的项目添加一个空的 Swift 文件。您可以将此文件命名为任意名称,例如:EnxInstall.swift。这样做是为了在 XCode 中设置一些标志,以便可以使用 Swift 代码。
-
-