How PixelStreaming adapts to mobile in full screen

In the pixel stream project, I use my mobile phone (Android) to enter the pixel stream address in the browser. After the connection is successful, it is found that “big black borders” appear on the horizontal and vertical screens of the mobile phone. I want to remove it and let the video take up the whole screen adaptively. I looked at the JS and HTML under PixelStreaming of the packaged project and modified it, but it didn’t achieve the above effect. I hope I can get some help here. Thank you very much

Did you ever figure this out? Disabling “Constrain Aspect Ratio” on the camera did not help

Hi there,

The frontend settings panel for Pixel Streaming has a function called “Match Viewport Resolution”. Using this will automatically scale the screen resolution to match the size of the display it’s running on.

Let me know if this helps!