olefirenko/vue-barcode-reader

StreamBarcodeReader Not Working On IOS Iphone

koulyves288 opened this issue · 3 comments

The StreamBarcodeReader component works fine on android after deployment but when deployed on IOS (iphone) the camera is not launching at all. Does anyone know if the component is compatible with IOS phones?

The first step in using this vue component should probably be reading this: https://github.com/zxing-js/library#limitations

All this is doing is wrapping zxing. I think the best addition to this component is a hints prop to pass to setHints() https://github.com/zxing-js/library#usage

On my iPhone 12 (iOS 15.3.1) I can read barcode/qrcode only when the smartphone is in landscape.
Camera is not started while the phone in portrait (both in Chrome and Safari)

iOS in chrome will not ask if it should authorize the use of the camera, as it does not recognize the origin. Follow this way, paste in the browser this chrome://flags/#unsafely-treat-insecure-origin-as-secure

enable the camera after that, on the screen that will be displayed.

Solution finde here: https://stackoverflow.com/questions/47995355/chrome-is-not-letting-http-hosted-site-to-access-camera-microphone