QR scanning Difficulties + QrBox sizing based on browser Windows Size, not Video Size (e.g. 250x250 never square)

[dbareis]

I have tried these configurations on my Windows 11 computer (multiple browsers):

//qrbox: 100     // Size of SQUARE scanning area in middle scannable, rest shaded.
//qrbox: {width: 150, height: 150},
  qrbox: qrboxFunction,

None of these produce square boxes. I can make them square by changing the browser width and height (window size). Does this effect barcode scanning ability?

What am I doing wrong? Also how do I write code that will work in any computer or smartphone with any camera aspect ratio? My code seems to have trouble reading at least small QR codes even when they are the only codes I've asked it to look for.