#Agora video call react native how to#
#Agora video call react native install#
#Agora video call react native android#
#Agora video call react native code#

#Agora video call react native code#

Add project permissionsĪdd the following code to the App.Agora live Streaming platform is used for analytics tracking and one to many and many to many audio or video live streaming with Agora SDK.

Import styles from './components/Style' 3.

#Agora video call react native install#

Method one: Using npm npm install -save-dev typescript two: Using yarn yarn add -dev typescript a tsconfig.json file in the root of your project, and copy the following code to the file: from 'react-native-agora' Run one of the following commands in the root of your project to add TypeScript dependencies: If you want to use this sample code directly, you need to add support for TypeScript to your project. The sample code in this article is written in TypeScript. Click File > New > File, select iOS > Swift File, and then click Next > Create to create a new File.swift file. Open ios/ProjectName.xcworkspace with Xcode.ī. Otherwise, you will get errors when building the iOS app.Ī. The Agora React Native SDK uses Swift in native modules, and therefore your project must support compiling Swift.

#Agora video call react native android#

A physical or virtual mobile device running Android 5.0 or laterĮnsure that you have already installed CocoaPods before performing this step.

Android Studio (latest version recommended).

If your target platform is Android, your development environment must meet the following requirements:

A physical or virtual mobile device running iOS 9.0 or later.

If your target platform is iOS, your development environment must meet the following requirements: You can download it and view the source code.

The channel name: A string that identifies the channel for the video call.Īgora provides an open-source sample project API-Example-ReactNative on GitHub that implements interactive live audio and video streaming.

For this page, you use a temporary token with a validity period of 24 hours that you retrieve from Agora Console.

A token: In a test or production environment, your app client retrieves tokens from a server in your security infrastructure.

You need to specify the user ID yourself, and ensure that it is unique in the channel.

The user ID: The unique identifier of a user.

You can get the App ID from Agora Console.

The App ID: A randomly generated string provided by Agora for identifying your app.

Publish and subscribe to audio and video in the channelĪfter joining a channel, the app client automatically publishes and subscribes to audio and video in the channel.įor an app client to join a channel, you need the following information: App clients that pass the same channel name join the same channel. In a test or production environment, your app client retrieves tokens from a server in your security infrastructure.Ĭall joinChannel to create and join a channel. The following figure shows the workflow to integrate into your app in order to add Video Call functionality.Īs shown in the figure, the workflow for adding Video Call in your project is as follows:Ī token is the credential that authenticates a user when your app client joins a channel.

#Agora video call react native how to#

This article describes how to build a React Native project that implements the video call function using the Agora React Native SDK.