什么是 EnableX 以及如何使用它制作视频通话应用程序?

随着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 美元的免费积分!完成后,创建一个项目并获取必要的凭证,您就可以开始了!

国家明智的电话号码数据

  1. 在此注册账户
  2. 创建项目
  3. 获取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. 1. EnableX 提供了一个名为 enx-rtc-react-native 的 react-native 包装器,需要将 谷歌澄清其有用内容系统的运作方式 其导入到您的代码中才能访问各种 EnableX 类。此“enx-rtc-react-native”插件是通过将原生 EnableX SDK 与 Javascript 集成而构建的。请根据您的要求,按照 iOS 或 Android 先决条件中提到的步骤,准备您的应用程序以安装 enx-rtc-react-native。

                iOS 的先决条件:

        1. 安装node.js
        2. 安装并更新Xcode(你需要一台 Mac)
        3. 确保您的机器上安装了 CocoaPods。如果已安装,您可能需要编辑 Podfile 和项目结构,因为安装过程已发生变化。
        4. 转到 React Native 项目的 ios 目录。
        5. 通过运行 pod init 创建一个 pod 文件。
        6. 在 podfile 中添加以下内容:
        7. 执行命令,pod install
        8. 安装 EnxRTCiOS SDK 后,切换到项目的根目录。
        9. 现在运行,react-native link enx-rtc-react-native。
        10. 在 XCode 中打开 .xcworkspace 内容。此文件可以在您的 React Native 项目的 ios 文件夹中找到。
        11. 选择文件->新建文件
        12. 向您的项目添加一个空的 Swift 文件。您可以将此文件命名为任意名称,例如:EnxInstall.swift。这样做是为了在 XCode 中设置一些标志,以便可以使用 Swift 代码。

发表评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注