Skip to content

Commit

Permalink
ref(dev-guide/react-native-sdk): documented build phase script for so…
Browse files Browse the repository at this point in the history
…unds to work on ios
  • Loading branch information
Calinteodor committed Nov 21, 2023
1 parent 2709042 commit f632ea0
Showing 1 changed file with 19 additions and 2 deletions.
21 changes: 19 additions & 2 deletions docs/dev-guide/react-native-sdk.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,8 +51,9 @@ module.exports = (async () => {
```


### Android permissions
### Android

#### Permissions
- In `android/app/src/debug/AndroidManifest.xml` and `android/app/src/main/AndroidManifest.xml`, under the `</application>` tag, please include
```xml
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
Expand All @@ -66,6 +67,9 @@ module.exports = (async () => {
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
```


#### Services
- In `android/app/src/main/AndroidManifest.xml`, under the `</application>` tag, please include the following service:
```xml
<service
Expand All @@ -74,14 +78,27 @@ module.exports = (async () => {
```
This enables the screen share feature.

### iOS permissions
### iOS

#### Permissions
- React Native SDK requests camera and microphone access, make sure to include the required entries for `NSCameraUsageDescription` and `NSMicrophoneUsageDescription`in your `Info.plist` file.
- React Native SDK shows and hides the status bar based on the conference state,
you may want to set `UIViewControllerBasedStatusBarAppearance` to `NO` in your
`Info.plist` file.
- For starting screen sharing React Native SDK provides the UI to present the `RPSystemBroadcastPickerView` to the user. By default, the picker will display a list of all the available broadcast providers. In order to limit the picker to our particular broadcast provider, we have to set `preferredExtension` to the bundle identifier of the broadcast extension. We are doing this by adding a new key named `RTCScreenSharingExtension` to the app's Info.plist and setting the broadcast extension bundle identifier as the value.
- Make sure `voip` is added to `UIBackgroundModes`, in the app's `Info.plist`, in order to work when the app is in the background.


#### Build Phases

##### Run Script Phases
- For the sounds to work please add the following script in Xcode:
```shell
SOUNDS_DIR="${PROJECT_DIR}/../node_modules/@jitsi/react-native-sdk/sounds"
cp $SOUNDS_DIR/* ${CONFIGURATION_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/
```



## JitsiMeeting props

Expand Down

0 comments on commit f632ea0

Please sign in to comment.