This library bridges React Native with zoom.us SDK and implements the SDK authentication process.
Library updated to use iOS SDK 5.5.12511.0421 and Android SDK version 5.5.1.1319, or higher
Note: User login using zoom user accounts is not implemented.
Install the library from npm:
npm i @mokriya/react-native-zoom-us-bridge --save
or
yarn add @mokriya/react-native-zoom-us-bridge
Library Autolinks for React-Native 60 or higher.
RN 59 or lower please make sure to
react-native link @mokriya/react-native-zoom-us-bridge
Then follow the instructions for your platform to add ZoomUS SDK into your project:
Manual Link is the only way. Zoom changed the way iOS SDK is packaged, and its no longer possible to use Cocoapods.
Download zoom.us iOS SDK at https://marketplace.zoom.us
copy if needed
ZoomSDK
double check by looking up the folder in finder or terminal.
Embed & Sign
(ios_image5)
ZoomSDK
folder is in Build Phases
, Copy Bundle Resources
, if not, drag the folder in there.
See here for more information.
Zoom SDK library does not support bitcode. Please make sure to set bitcode to No
The app's Info.plist
file must contain a NSCameraUsageDescription
and NSMicrophoneUsageDescription
with a description explaining clearly why your app needs access to the camera and microphone, otherwise Apple will reject your app submission.
If you are using RN 59 or lower, you will need to enable Android X. Add this to your gradle.properties
android.useAndroidX=true
android.enableJetifier=true
There are no semi-auto way to install the Android SDK at the moment. It must be done 100% manually.
Download zoom.us Android SDK at https://github.com/zoom/zoom-sdk-android
Unzip the SDK and locate commonlib
and mobilertc
.
Drag both folders into your android project (Project/android)
Open android/settings.gradle
include ':app'
include ':mobilertc'
include ':commonlib'
Open android/build.gradle
buildToolsVersion = "29.0.0"
minSdkVersion = 21
compileSdkVersion = 29
targetSdkVersion = 29
Open android/app/build.gradle
multiDexEnabled true
into defaultConfig
compileOptions {}
packagingOptions {
pickFirst 'lib/armeabi-v7a/libc++_shared.so'
pickFirst 'lib/arm64-v8a/libc++_shared.so'
pickFirst 'lib/x86/libc++_shared.so'
pickFirst 'lib/x86_64/libc++_shared.so'
}
dependencies
implementation project(':commonlib')
implementation project(':mobilertc')
Open MainApplication.java
SoLoader.loadLibrary("zoom");
right under SoLoader.init(this, /* native exopackage */ false);
this is done to fix the bad_cast
error Run script to fix issues with cannot locate symbol "__cxa_bad_typeid"
due to libc++_shared.so
. Please do this after you have copied the mobilertc.aar
to the correct folder
./node_modules/react-native-zoom-us-bridge/scripts/mobilertc-precompile.sh
Steps 6 and 7 must be done due to an issue with the Zoom Android SDK having an incompatible version of lib++_shared.so
. Shoutout and kudos to Stefan Majiros for documenting crucial steps on getting the mobilertc.aar
library to build. Without his insights this would have been impossible. Blog post
See here for more official information on android integration.
You should avoid hardcoding your App/Jwt key and secret. In our example we hardcode the data for example only. There are various ways to store your key/secret safely on the net. Please make sure to read and find your best possible way. rn security
APP key and secret is required
import RNZoomUsBridge from '@mokriya/react-native-zoom-us-bridge';
RNZoomUsBridge.initialize(
ZOOM_APP_KEY,
ZOOM_APP_SECRET,
);
RNZoomUsBridge.joinMeeting(
meetingId,
userName,
meetingPassword,
);
JWT key and secret is required
import RNZoomUsBridge from '@mokriya/react-native-zoom-us-bridge';
RNZoomUsBridge.initialize(
ZOOM_APP_KEY,
ZOOM_APP_SECRET,
);
// create accessToken used to communicate with zoom api
const accessToken = await RNZoomUsBridge.createJWT(
ZOOM_JWT_APP_KEY,
ZOOM_JWT_APP_SECRET
).then().catch((err) => console.log(err));
// use accessToken to get userId of the user account you are creating the meeting with
const userId = await getUserID('user@email.com', accessToken);
// use the userId to obtain the user Zoom Access Token
const userZak = await createUserZAK(userId, accessToken);
// use Access Token etc, to create a meeting
const createMeetingResult = await createMeeting(userId, accessToken);
// get meeting id from result
const {id: meetingId} = createMeetingResult;
// use the meeting Id, userId, user name and user zoom access token to start & join the meting
RNZoomUsBridge.startMeeting(
meetingId,
userName,
userId,
userZak
);
Use event emitter to listen for meeting state changes
import RNZoomUsBridge, {RNZoomUsBridgeEventEmitter} from '@mokriya/react-native-zoom-us-bridge';
const meetingEventEmitter = new NativeEventEmitter(RNZoomUsBridgeEventEmitter);
meetingEventEmitter.addListener(
'SDKInitialized',
() => {
console.log("SDKInitialized");
}
);
Listener | Description |
---|---|
SDKInitialized | Status update - SDK initialized successfully |
meetingStarted | Status update - Meeting started successfully |
meetingJoined | Status update - Meeting joined successfully |
meetingEnded | Status update - Meeting ended without error |
meetingStatusChanged | Status update - Updates the meeting status |
meetingError | Error - Meeting ended with error |
waitingRoomActive | Error - Meeting waiting room is active |
Yes, as long as waiting room is turned off (iOS only), and user does not need to login.
Yes.
Yes, as long as the user matches the user whom created the meeting.
No, not currently (iOS only). Android does support waiting room.
No, not currently (iOS only).
No, not currently.
The result returned from startMeeting and joinMeeting are simple status that indicate if the command was executed successfully or not. The actual meeting joined status might not be available until a few seconds later. Always rely on the meetingJoined listener to determine if meeting have been joined successfully.
No, not currently. At the moment Zoom US bridge uses SDK App Key and JWT App Key.
Yes.
Android | iOS |
---|---|