Black screen issue on ios

[ngdlmk]

Describe the bug
IOS only
Camera view becomes black on ios but it is working fine on android. Only local camera view is black if I connect to room from android or web it shows remote camera on ios but local is not working looks lite it is related with RTCView I have tested with it also it is black.
also getting this error

could not determine track dimensions, using defaults {"dims": {"height": 720, "width": 1280}, "enabled": true, "kind": "video", "muted": false, "pID": "PA_5CWK268jThim", "participant": "pirate", "room": "okinawa", "roomID": "", "source": "camera", "streamID": "4254EEB0-5758-42D3-969C-0BFBEBAD41E6", "streamTrackID": "4254EEB0-5758-42D3-969C-0BFBEBAD41E6", "trackID": undefined}

Expected behavior
When I run the app it should show camera view on the screen but it becomes black.

A clear and concise description of what you expected to happen.

Screenshots

Device Info:

• Device: [e.g. iPhone Pro Max 12]
• OS: [e.g. iOS17.6.1]

Dependencies Info (please reference your package-lock.json or yarn.lock file):

"@livekit/react-native": "^2.4.2",
"@livekit/react-native-webrtc": "^125.0.4",
"livekit-client": "^2.5.5",
"react": "18.2.0",
"react-native": "0.74.2"

[arekkubaczkowski]

I was investigating this issue and found out that it is related to the latest release of: https://github.com/webrtc-sdk/Specs/releases/tag/125.6422.05

My temporary solution is to patch the dependency to force the previous version:

diff --git a/node_modules/@livekit/react-native-webrtc/livekit-react-native-webrtc.podspec b/node_modules/@livekit/react-native-webrtc/livekit-react-native-webrtc.podspec
index 775d869..a53423d 100644
--- a/node_modules/@livekit/react-native-webrtc/livekit-react-native-webrtc.podspec
+++ b/node_modules/@livekit/react-native-webrtc/livekit-react-native-webrtc.podspec
@@ -19,5 +19,5 @@ Pod::Spec.new do |s|
   s.libraries           = 'c', 'sqlite3', 'stdc++'
   s.framework           = 'AudioToolbox','AVFoundation', 'CoreAudio', 'CoreGraphics', 'CoreVideo', 'GLKit', 'VideoToolbox'
   s.dependency          'React-Core'
-  s.dependency          'WebRTC-SDK', '~>125.6422.04'
+  s.dependency          'WebRTC-SDK', '125.6422.04'
 end

However I am still experiencing some issues with back camera which freezes (front camera works fine)

EDIT:
the issue that I am having is not about the back camera specifically but rather about the transition between front/back - back/front

[radko93]

I can also reproduce the same. The patch above helps. I can also switch cameras.

[arekkubaczkowski]

for camera switching issue: I have no idea why it worked but I needed to clone the original VideoTrack component (without any changes) and import it instead of the original one and magically it started working again...
I would be grateful for any ideas... The only thing that comes to my mind is that local file might be compiled differently than files from node_modules, however I have not clue why...

Please note that both issues don't occur on the local env.

[ngdlmk]

I haven’t tested camera switching but solution is working fine for me too thanks @arekkubaczkowski

[davidliu]

@arekkubaczkowski thanks for investigating, will have time to look at this tomorrow.

[davidliu]

Hmm, I'm not able to repro this with WebRTC-SDK 125.6422.05.

Would it be possible for one of you to supply a repro project? Also, can you check against the example project in this repo?

[mosamlife]

I am experiencing the same issue! will provide more info after trying the above patch

[davidliu]

@mosamlife it would be really helpful if you could provide an repro project. I won't be able to help here until a repro project is given.

[Spharian]

Temporary fix: build the project first through Xcode and don't set the ios folder in .gitignore to make sure expo uses it during eas build.

[namnm]

Hmm, I'm not able to repro this with WebRTC-SDK 125.6422.05.

Would it be possible for one of you to supply a repro project? Also, can you check against the example project in this repo?

We confirm to have this bug with ios 18

[namnm]

@davidliu repository to reproduce:
https://github.com/namnm/livekit-bug/blob/main/App.tsx

• ios 18 iphone 16 pro max simulator
• xcode 16A242d
• macos 15.0.1 24A348

[mosamlife]

@namnm Thanks for providing the repo from your side.

@davidliu the issue with ios 18. on ios 17 works fine