|
|
|
@ -2,10 +2,14 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## Installation |
|
|
|
|
Inside your project, run `npm i @jitsi/react-native-sdk`.<br/><br/>Additionally, if not already installed, some dependencies will need to be added. |
|
|
|
|
Inside your project, run; |
|
|
|
|
```console |
|
|
|
|
npm i @jitsi/react-native-sdk |
|
|
|
|
``` |
|
|
|
|
<br/><br/>Additionally, if not already installed, some dependencies will need to be added. |
|
|
|
|
|
|
|
|
|
This can be done by running the following script: |
|
|
|
|
``` |
|
|
|
|
```console |
|
|
|
|
node node_modules/@jitsi/react-native-sdk/update_dependencies.js |
|
|
|
|
``` |
|
|
|
|
This will check and update all your dependencies.<br/><br/> |
|
|
|
@ -14,7 +18,7 @@ This will check and update all your dependencies.<br/><br/> |
|
|
|
|
|
|
|
|
|
Because of SVG use in react native, you need to update metro.config your project's file: |
|
|
|
|
|
|
|
|
|
``` |
|
|
|
|
```javascript |
|
|
|
|
const { getDefaultConfig } = require('metro-config'); |
|
|
|
|
|
|
|
|
|
module.exports = (async () => { |
|
|
|
@ -56,26 +60,28 @@ module.exports = (async () => { |
|
|
|
|
- Voice over IP |
|
|
|
|
- Background fetch |
|
|
|
|
|
|
|
|
|
Run `cd ios && pod install && cd ..` |
|
|
|
|
Run; |
|
|
|
|
```console |
|
|
|
|
cd ios && pod install && cd .. |
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
### Android |
|
|
|
|
|
|
|
|
|
- In your build.gradle have at least `minSdkVersion = 24` |
|
|
|
|
- In `android/app/src/debug/AndroidManifest.xml` and `android/app/src/main/AndroidManifest.xml`, under the `</application>` tag, include |
|
|
|
|
``` |
|
|
|
|
```xml |
|
|
|
|
<uses-permission android:name="android.permission.RECORD_AUDIO" /> |
|
|
|
|
<uses-permission android:name="android.permission.CAMERA" /> |
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
If you want to test all the steps before applying them to your app, you can check our React Native SDK sample app here: |
|
|
|
|
``` |
|
|
|
|
https://github.com/jitsi/jitsi-meet-sdk-samples/tree/master/react-native |
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### Using JWT tokens |
|
|
|
|
- If you are planning to use tokens you can update your domain and room name inside meeting options. |
|
|
|
|
- For example: |
|
|
|
|
``` |
|
|
|
|
```javascript |
|
|
|
|
const meetingOptions = { |
|
|
|
|
domain: 'YOUR_DOMAIN', |
|
|
|
|
roomName: 'ROOM_NAME?jwt=JWT_TOKEN' |
|
|
|
|