Skip to content

Usage of WebRTC for voice & video call with peer-to-peer or conference with Login and Register screen using response & Async storage with Call Dis/Connect, Failed and Idle views in react native. Youtube:

License

Notifications You must be signed in to change notification settings

aryaminus/RN-voice-video-call

 
 

Repository files navigation

RNVideoVoiceCall

RNVideoVoiceCall is the 4th session build for showing the implementation of Signin and Signup screen to login or create user for voice call along with video call for both peer to peer or conference using Voximplant for react native

In this branch, we will be focusing on The Backend part using fetching of response and taking the json elements where we will setup Voximplant to login with the main user account, create a child user or login with the already assigned user , assign the user to certain new or previous application and enter the view.

Note:

  1. The response's JSON maybe required to be stringified, so make usre you use it when formatting
  2. As the react-native-voximplant package sends responses as the state of the account is changed, we use DeviceEventEmitter for listening and changing certain variables

Next, we store the login values or the new user create values locally using Async Storage and then use it next time the user opens the app so that s/he does not have to login each time the app is opened.

We will be using HTTPAPI of Voximplant.

RNVideoVoiceCall demo

Note:

  1. Arch Linux with VS-Code, thus support focused on Android App
  2. Extensions: React Native Tools , React-Native Snippets , Prettier
  3. Device run instead of SDK-build using Vysor
  4. Remove/Add Comment of the required system in Register.js : Create new Application and fetch application_id and assign user to it or assign user to all applications. Default is assign all where you may once create and fetch app_id and then put the app_id in place of all. Refer to Video Session

Installation

Clone the source locally:

$ git clone https://github.com/aryaminus/RN-voice-video-call/
$ cd RN-voice-video-call
$ git checkout HttpApiSetup

Start the application in development mode

npm install
react-native link
react-native run android

or for VS-Code:

npm install
react-native link

then press F1 or Fn+F1 and React Native:Run Android on Device

Else Follow Code.txt and Youtube

Packages:

  1. react-navigation
  2. react-native-voximplant
  3. react-native-loading-spinner-overlay

Additional Links:

  1. VoxImplantDelegate
  2. HTTP API
  3. Control Panel
  4. Voximplant official demo app

Installation

Follow Code.txt and Manual.md and Working.png

Working demo

Contributing

  1. Fork it (https://github.com/aryaminus/RN-voice-video-call/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request

About

Usage of WebRTC for voice & video call with peer-to-peer or conference with Login and Register screen using response & Async storage with Call Dis/Connect, Failed and Idle views in react native. Youtube:

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •