Skip to content

Files

Latest commit

13bc054 · Feb 28, 2024

History

History

webrtc-sample

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Feb 20, 2020
Feb 27, 2024
Dec 19, 2022
Feb 27, 2024
Feb 27, 2024
Feb 20, 2020
Dec 19, 2022
Dec 19, 2022
Dec 19, 2022
Feb 28, 2024
Dec 19, 2022
Feb 20, 2020
Feb 20, 2020
Nov 23, 2021
Feb 20, 2020
Feb 20, 2020
Feb 27, 2024
Feb 27, 2024
Feb 27, 2024

This is a code sample for QuickBlox platform. It is a great way for developers using QuickBlox platform to learn how to integrate audio and video calling features into your application.

Features

  • Login/logout
  • Make and receive 1-to-1 and group audio call
  • Make and receive 1-to-1 and group video call
  • Search for users to make a call with
  • Mute/unmute the microphone
  • Display a list of call participants and their statuses
  • Switch speaker
  • Switch camera
  • Mirror local video

Get application credentials

QuickBlox application includes everything that brings messaging right into your application - chat, video calling, users, push notifications, etc. To create a QuickBlox application, follow the steps below:

  1. Register a new account following this link. Type in your email and password to sign in. You can also sign in with your Google or Github accounts.
  2. Create the app clicking New app button.
  3. Configure the app. Type in the information about your organization into corresponding fields and click Add button.
  4. Go to Dashboard => YOUR_APP => Overview section and copy your Application ID, Authorization Key, Authorization Secret, and Account Key.

Run Video Calling sample

  1. Setup the React Native environment.
  2. Clone repository with the sample.
  3. Open a terminal and enter the commands below in your project path.
npm install
  1. Extra steps for iOS: in file ios/Podfile change platform to 12
platform :ios, '12.0'

then in terminal run

cd ios
pod install
  1. Get appId, authKey, authSecret, accountKey from your app and put these values in src/QBConfig.js file .
export default {
  appId: xxxxxxx,
  authKey: 'xxxxxxxxxxxxxxx',
  authSecret: 'xxxxxxxxxxxxx',
  accountKey: 'xxxxxxxxxxxx',
  apiEndpoint: '',
  chatEndpoint: '',
}
  1. Run the code sample.
    react-native run-android OR react-native run-ios

Please note, processing of incoming calls in the background is not implemented in this sample. This functionality will be developed later, meanwhile, you can implement it in your way.