twilio / twilio-video-app-react

A collaboration application built with the twilio-video.js SDK and React.js
Apache License 2.0
1.8k stars 725 forks source link

Android Chrome users video keeps changing aspect ratio #752

Open Edijs-Elijs-Skroders opened 1 year ago

Edijs-Elijs-Skroders commented 1 year ago

Hello. We are having an issue with Android phone camera losing its original rendered aspect ratio. The video keeps downscaling and is getting different aspect ratios. The original video is 1280x720, then it downscales 640x352, then to 480x240. Because of this, the user video keeps shrinking in width on our UI. We tried specifying exact constraints in constants.ts file, i.e. aspectRatio: {exact:1.77777777778}, we tried setting contentPreferencesMode to 'manual', but nothing helps. message (7).txt

The video keeping its size is very important to our application. Is there other ways that we are not aware of in which we can specify what aspect ratio we would like to receive from remote video?

To Reproduce: 1.Connect to a call using different users - one on Android 10, Chrome 104.0.0.0. 2.Start the users cameras 3.If necessary, limit the network/cpu 4.See the android camera shrinking in width

Expected behaviour: The android cameras video element rendered on UI keeping its size.

Environment: -Device: Samsung (SM-G960F) -OS: Android (10) -Browser: Chrome (104.0.0.0) -App Version: 0.7.1 -SDK: twilio-video.js (2.24.1) -Node.js version: v16.17.0

Thank you.