Compatibility - [MacOS/iOS] [Firefox/Safari] - [UPC Scanning]

[connorpwilliams]

Describe the bug
UPCs do not seem to be scanning with browser.
I have tried both MacOS + Firefox and iPhone 11 + Safari. In both cases, qrcode scanning is successful but barcode scanning is not.

NPM Package
"html5-qrcode": "^2.1.0"

Describe the browser:

• MacBook Pro '19
• OS: [MacOS Monteray]
• Browser [Firefox]
• Version [Latest]
  AND
• iPhone 11 Pro Max
• OS: [iOS 15.1]
• Browser [Safari]
• Version [Latest]

Screenshots

Additional context
Here is what I'm doing to create a new instance.

    componentDidMount() {
        let scanner = new Html5QrcodeScanner("reader", {
            fps: 15,
            qrbox: { width: 300, height: 250 },
            experimentalFeatures: {
                useBarCodeDetectorIfSupported: true
            }
        });
        scanner.render(this.scanSucces, this.scanError)
    }

[mebjas]

seems to get scanned on my Pixel device - decodes to 036000291452. I wonder if this has to do with the grid background on the UPC code - can you try it with white background?

[connorpwilliams]

This doesn't seem to work iPhone 11, iOS 15.1, Firefox or Safari

[connorpwilliams]

Or this on MacOS Monterey + Firefox

[runtim]

Confirmed what appears to be the same issue on iOS 15.1 and 15.3.1 (multiple phones) Safari and Chrome. I am unable to scan any barcodes. No issue with QR codes.

[mebjas]

Duplicate of #323 -- please track there.