React Native Opentok screenshot

React Native Opentok

Author Avatar Theme by Callstack
Updated: 20 Mar 2020
201 Stars

React Native OpenTok

Categories

Overview

React Native OpenTok is a wrapper over the native TokBox OpenTok SDK, offering developers a streamlined solution for embedding interactive video, voice, messaging, and screen sharing capabilities into their web and mobile applications. By utilizing the OpenTok platform, developed by TokBox, developers can easily integrate high-quality audio-video communications using WebRTC technology.

Features

  • Easy Integration: Seamlessly embed high-quality interactive video, voice, and messaging features into your mobile and web apps.
  • WebRTC Technology: Utilizes WebRTC for audio-video communications, ensuring a smooth and reliable streaming experience.
  • Extensive Platform Support: Compatible with React Native versions >=0.49.3 and OpenTok SDK version 2.13.+.

Installation

To install the React Native OpenTok SDK, follow these steps:

iOS

  1. Add the library using yarn (or npm).
  2. Install CocoaPods on your computer.
  3. In your application’s ios/ directory, run pod init.
  4. Replace the content in the Podfile with the provided code snippet.
  5. Run pod install.
  6. Open YOUR_PROJECT_NAME.xcworkspace file.
  7. Add OPENTOK_API_KEY to your Info.plist.
  8. Run the project.

Android

  1. Run react-native link.
  2. Update the android/build.gradle file.
  3. Add OPENTOK_API_KEY to the AndroidManifest.xml.
  4. Run the project.

Summary

React Native OpenTok simplifies the integration of interactive video, voice, and messaging functionalities into web and mobile applications by serving as a wrapper over the native TokBox OpenTok SDK. By leveraging this platform, developers can enhance their apps with high-quality audio-video communications powered by WebRTC technology. The installation process involves integrating the OpenTok SDK into existing projects for both iOS and Android platforms, providing a comprehensive guide for a successful setup.