Sendbird Calls SDK for React-Native is used to initialize, configure, and build voice and video calling functionality into your React-Native client app. In this repository, you will find the steps you need to take before implementing the Calls SDK into a project, and a sample app which contains the code for implementing voice and video call.
Find out more about Sendbird Calls for React-Native on Calls for React-Native doc. If you need any help in resolving any issues or have questions, visit our community.
This section shows you the prerequisites you need for testing Sendbird Calls for React-Native sample app.
The minimum requirements for Calls SDK for React-Native sample are:
- React-Native 0.60 +
- yarn or npm
- Xcode
- Android Studio
- Physical device (Android 21+, iOS 11+)
For more details on installing and configuring the Calls SDK for React-Native, refer to Calls for React-Native doc.
Install dependencies (node_modules and Pods)
$ npm install $ npx pod-installIf you would like to try the sample app specifically fit to your usage, you can do so by following the steps below.
- Login or Sign-up for an account on Sendbird Dashboard.
- Create or select a calls-enabled application on the dashboard.
- Note your Sendbird application ID for future reference.
- On the Sendbird dashboard, navigate to the Users menu.
- Create at least two new users.
- Note the
user_idof each user for future reference.
To run the sample React-Native app on the Sendbird application specified earlier, your Sendbird application ID must be specified. On the sample client app’s source code, replace SAMPLE_APP_ID with APP_ID which you can find on your Sendbird application information.
SendbirdCalls.initialize('SAMPLE_APP_ID');- Open IDE (Xcode or Android Studio)
- Build and run the sample app on your device.
- Install the application onto at least two separate devices for each test user you created earlier.
- If two devices are available, repeat these steps to install the sample app on each device.
- Log in to the sample app on one of the prepared devices with the
user_idof one of the created users. - Log in to the sample app on another device using another
user_idof the user. - On one of the devices, create a room and check the
room_idof the created room. - On the other device, enter the room using the
room_idchecked before. - If the two testing devices are near each other, use headphones to make a call to prevent audio feedback.
In the sample, react-native-camera-kit is used to create a preview on the screen before entering the room. You can check how the view looks on the screen when muting or unmuting audio and when turning the video on or off.
NOTE: The camera library doesn't matter if you use another library.
For further detail on Sendbird Calls for React-Native, refer to Sendbird Calls SDK for React-Native README.