I’m also facing a video cropping issue in React. After initiating a meeting in landscape view with both React and React Native, the same problem appeared. The participant video from the landscape-oriented phone is displayed in a cropped or 3x zoomed format on the web side. I need guidance to resolve this issue. While the remote video displays correctly in React Native, it appears cropped in React.
By default, the Video SDK will crop the captured video stream to the standard 16/9 ratio. If you do not want to crop it, you can specify the originalRatio option in the stream.startVideo method.
@vic.yang Yes, I fixed the issue, but the video quality is too low sometimes. When I make a Zoom call, it gives me better quality, but it does not provide good quality in my Zoom-integrated app. Why is this happening? What should I do?
Low video quality depends on various factors such as network bandwidth, CPU usage, etc. Additionally, the performance on the web may be inferior to that of the native client.
We can help analyze the issues if you can share the sessionId with us or integrate client-side telemetry .
I’d like to confirm some info with you. Are you using Web as the host and React Native as the attendee joining the session? Are both of these devices in the same location? We’re analyzing whether these two users are connected to servers in different regions and investigating the cause of this issue.
Yes, these are in different regions. The React Web (India) serves as the host, and the React Native (Dubai) functions as the attendee. We initiate a call from React to React Native.
I need to resolve this issue as soon as possible. If you require any additional details from my side, please message me. On our end, we successfully created a meeting with the Zoom app, and it functions correctly there. However, in my app, it is not working properly. Sometimes, it fails to join the meeting properly.
