Width and height constraint inverted in android chrome

It’s weird but I’m testing this library with a resized camera (wich is not working on iOS (#244)

I’m testing on an android device using chrome, and on a windows computer using also chrome, with a mobile view.

If i set the constraints:

constraints: {
         width: 100,
         height: 300
       }

In the computer I get this:

Which is the expected behaviuour, since it’s height is bigger than the width. But when I open it on the android chrome I get:

Same code for both.

Don’t know what is happening, and I don’t know which is the correct approach for resizing, since this doesn’t work on Safari and It has this behaviour on chrome for PC and Android.

[poliander]

You’ll have to fix that on your side, e.g. I’m using a function like this one in my application:

fixOrientation = function(w, h)  {
    var md = new MobileDetect(window.navigator.userAgent),  d = {
        w: w,
        h: h
    };

    if (md.phone() || md.tablet()) {
        if (window.matchMedia('(orientation:portrait)').matches) {
            if (md.userAgent() !== 'Safari') {
                d.w = h;
                d.h = w;
            }
        }
    }

    return d;
}

// ...

var dim = fixOrientation(640, 480);

Quagga.init({
    constraints: {
        width: dim.w,
        height: dim.h
    }
});

[osieckiAdam]

Hey @geersch this is very old discussion but today I had exactly the same issue and I managed to solve it, so I will leave this for the potential future use. In my case changing aspectRatio helps, by default its 1:2, so I changed it to 1:100 and it looks correct now, see example configuration below:

inputStream: {
  type: "LiveStream",
  constraints: {
    facingMode: "environment",
    width: parseInt(elemWidth),
    aspectRatio: {min: 1, max: 100}
  },
  target: elem
}