[Tracking Bug] Compatibility - Webcam access only works for Safari in IOS

[mebjas]

Query camera is not working for Opera, Edge, Firefox and Chrome.

[Fixed] For Safari the query is working but the stream is not realtime.
For chrome

Describe the browser:

• OS: iOS in Iphone 7 and IPad 9.7
• Browser: all

[aamirbilvani]

Hi, what's the status of this issue? I was wondering when you might be able to fix it. Please let me know. Thanks.

PS. Love this plugin.

[mebjas]

Thanks, this is a weird issue and I am afraid it's a limitation of WebKit rendering engine used in IOS Chrome and Firefox - https://stackoverflow.com/questions/51501642/chrome-and-firefox-are-not-able-to-access-iphone-camera

[aamirbilvani]

What about Safari?

[mebjas]

So I verified that none of the webcam based approach work on any other browsers on IOS other than safari.

As for safari - I verified this to work on IPad, but for IPhone it has another problem, when we get the webcam access and want to stream the webcam feed to a video, it throws this exception and the scanner cannot run:

NotAllowedError: The request is not allowed by the user agent or the platform in the current context, 
possibly because the user denied permission.

This is being tracked in #9

[mebjas]

The ios safari issue has been now fixed: 4c28708

Try https://blog.minhazav.dev/research/html5-qrcode for demo. However, I observed another issue: #21

Will try to fix this soon as well.

[aamirbilvani]

Awesome, thanks for the quick turnaround. Let me try it out.

[mebjas]

@aamirbilvani With this #24 I have added support for scanning local media on device. This implicitly adds scanning using default camera on device.

This can be used as fallback on browsers that do not support inline QR code scanning. Like non Safari browsers on IOS.

https://blog.minhazav.dev/HTML5-QR-Code-scanning-support-for-local-file-and-default-camera/ may be helpful in understanding more about this change.