Video React Native SDK

React Native library for Vonage Video API / OpenTok. This library is officially supported by Vonage.

📦 Unified Monorepo - Two Packages

This repository represents the consolidated monorepo that produces both:

• @vonage/client-sdk-video-react-native - Vonage-branded package
• opentok-react-native - OpenTok-branded package

We merged previously separate branding-specific repositories into this single codebase to eliminate duplication and streamline maintenance. Bug fixes and features are now automatically available to both packages from a single source of truth.

Quick Start

Installation

Choose the package that matches your preference:

Vonage Package:

npm install @vonage/client-sdk-video-react-native@<VERSION>
# or
yarn add @vonage/client-sdk-video-react-native@<VERSION>

OpenTok Package:

npm install opentok-react-native@<VERSION>
# or
yarn add opentok-react-native@<VERSION>

Note: Replace <VERSION> with the target version to use.

Basic Usage

The packages are functionally identical. The only difference is their session prop names:

Vonage Package:

<OTSession applicationId="your-application-id" sessionId="your-session-id" token="your-session-token">
  <OTPublisher style={{ width: 100, height: 100 }}/>
  <OTSubscriber style={{ width: 100, height: 100 }} />
</OTSession>

OpenTok Package:

<OTSession apiKey="your-api-key" sessionId="your-session-id" token="your-session-token">
  <OTPublisher style={{ width: 100, height: 100 }}/>
  <OTSubscriber style={{ width: 100, height: 100 }} />
</OTSession>

Important: React Native New Architecture Support

Starting from version 2.31.1, this SDK is built with the React Native new architecture.

• ✅ Supported: React Native 0.76+ (new architecture)
• ❌ Not supported: Older React Native versions (legacy architecture)

Applications using older SDK versions will need to migrate to React Native's new architecture before upgrading.

Documentation & Resources

Vonage Package

| Resource | Link | |----------|------| | SDK Documentation | https://developer.vonage.com/en/video/client-sdks/react-native/overview | | API Reference | https://vonage.github.io/video-docs/video-react-native-reference/latest | | Sample Applications | vonage-video-react-native-sdk-samples | | Release Notes | https://developer.vonage.com/en/video/client-sdks/react-native/release-notes | | Developer Guides | https://developer.vonage.com/en/video/overview |

OpenTok Package

| Resource | Link | |----------|------| | SDK Documentation | https://tokbox.com/developer/sdks/react-native/ | | API Reference | https://tokbox.com/developer/sdks/react-native/reference | | Sample Applications | opentok-react-native-samples | | Release Notes | https://tokbox.com/developer/sdks/react-native/release-notes | | Developer Guides | https://tokbox.com/developer/guides |

Samples

Sample applications are available for both packages:

• Vonage: vonage-video-react-native-sdk-samples
• OpenTok: opentok-react-native-samples

Both repos include:

• Basic Video Chat - Connect, publish, and subscribe to streams
• Archiving - Display recording indicators
• Background Blur - Apply video transformers
• Multiparty - Manage multiple participants
• Signaling - Send and receive text signals
• Screen Sharing - Publish screen-sharing streams

Development and Contributing

Interested in contributing? We :heart: pull requests! See the Contribution guidelines.

Getting Help

We love to hear from you! If you have questions, comments, or find a bug in the project, let us know:

• Open an issue on this repository
• Vonage Support: https://api.support.vonage.com/hc/en-us/
• OpenTok Support: https://support.tokbox.com/
• Tweet at us: @VonageDev
• Join the community: Vonage Developer Community Slack

License

This project is licensed under the Adobe-2 License. See the LICENSE file for details.