Layout out in android browser

[shoutao]

The layout is gone in android browser.

[basst314]

Hi @shoutao,

Thanks for raising this.

Could you provide some more information on what the issue is exactly and how you use ngx-webcam in your project?
Do you see the same behaviour on the demo page linked from the readme?

I will try to reproduce and fix the issue as soon as possible.

Thanks!

[shoutao]

Hi, Sorry for not describing it clearly. I have attached two screen shots which are taken on Samsung s6 using the demo page.

[basst314]

Hi @shoutao,
Thanks for the screenshots. I will be looking into it as soon as possible.

[frederiksen]

@shoutao try to rotate your android phone - when holding it horizontally, the web-cam component is filled correctly - when holding it normally - the web-cam component get's white boxes on the left/right sides.

[maurivillegas]

Hi @basst314
I'm facing the same problem on android smarthphones, please help us, the layout works ok on Horizontal, on Vertical Im having the same problem

[basst314]

I can reproduce the issue on an iPhone when rotating the phone after the page was loaded. A refresh in any orientation fixes the issue. Seems to be an issue with the CSS not being applied properly because of the changing dimensions of the video element.

Looking into it...

[basst314]

Found out that apparently Android devices return the wrong aspectRatio for portrait video streams. The aspectRatio always indicates a landscape video, therefore the bounding box is calculated incorrectly and the switch-button shows up in the wrong place.

working on a fix.

[basst314]

Hi @shoutao and @frederiksen,

I'm happy to let you know that I published a fix for this issue in the current release 0.2.2.

I tested the fix on all my devices (iOS+Android) and it resolved the bug!

In case something's still not working as expected, feel free to create a new issue here.

Cheers!

[shoutao]

Really appreciate your working.

Thanks a lot.