QR code scanner doesn't work on Chrome on iPhone

[arahant]

Error: (TypeError) : undefined is not a function (near '...MediaStreamTrack.getSources...')

[frederichoule]

Same problem over here.

[nan4k7]

Same problem for me. Also not working on firefox.

Any solutions?

[Msameim181]

same problem on Safari and chrome on android. any help ?

[ilanmazuz]

Few weeks ago we tested the scanner on Chrome in iOS and it worked, which caused us to develop a scanner solution using this API, but today when my client tested it on his ios devices it did not recognize the camera! The attached picture shows that the same error as reported in this thread was thrown when i asked my client to check the demo page.

Please advise. Thanks a lot.

[ilanmazuz]

same problem on Safari and chrome on android. any help ?

Thats wierd, for us there are no problems on android/chrome not on ios/safari.

[jbialobr]

getSources was removed in 08c4c1968787fcad2811afcacf40fabed1123fd6 I updated the live demo to use the latest source.

[Msameim181]

Your live demo is good on any device, but i have problem still. i updated the source now, and the previous problem fixed but another problem showed up. This is the screenshot. on Chrome iPhone

on Safari iPhone:

on chrome android:

Please advise. Thanks a lot.

[Msameim181]

same problem on Safari and chrome on android. any help ?

Thats wierd, for us there are no problems on android/chrome not on ios/safari.

I dont know why but :(.

[jolioslin]

getSources was removed in 08c4c19 I updated the live demo to use the latest source.

Dear Janusz,

your live demo is working, but I have same problem can't work when put your source code on my web server?

https://passport.tapbee.city/gate/qrtest.html

did I miss any thing on that?

[jbialobr]

@jolioslin

It works on my desktop and mobile devices:

I don't know why it is not working on yours. You should try to debug the reason with your browser DevTools. It might be easier using the second exmaple (Providing a video stream in a custom way) from https://github.com/jbialobr/JsQRScanner

[ilanmazuz]

Hi @jolioslin, Did you test on iOS with Chrome?

Cause for myself on the desktop and Android its working fine, but my cleint use iOS/Chrome and for him it stopped working recantly and shows the black picture with the No Cam sign i posted earlier.

p.s. i asked my client to test the second demo and i will update once he does.

Thanks a lot, ilan.

[jolioslin]

@ilanmazuz

here is the test , both iphone6 and iPhone 11 with chrome are not work.

iphone6/ios12.4.5/chrome 80.0.3907.95

iphone11/ios13.3.3.1/chrome 80.0.3907.95

but all works fine on both iphone6 and iphone11 safari.

[nan4k7]

@ilanmazuz

here is the test , both iphone6 and iPhone 11 with chrome are not work.

iphone6/ios12.4.5/chrome 80.0.3907.95

iphone11/ios13.3.3.1/chrome 80.0.3907.95

but all works fine on both iphone6 and iphone11 safari.

I’ve got this exact same problem. Also not working on Firefox for iOS

[ilanmazuz]

@jolioslin, i know it works on Safari - thats what i said from the beginig, but my clients prefer to use Chrome on thier iOS devices and it used to work for them just couple of weeks ago.

Are you planing on fixing it to work on ios+chrome?

Thanks a lot.

[ilanmazuz]

Hi again @jolioslin, Its been few crazy months for all of us and i hope that you and your loved ones are safe.

From what i read online, it seems that the problem is with Apple policy of blocking all non Safari browsres from accessing the camera. Do you know of any workaround or any fix that will be applied any time soon?

Please let us know if there is any update on this maater.

Thanks a lot, ilan.

[ohbus]

For Security reasons every modern web browser blocks request to camera and microphone unless it is from a valid https source.

[erotte]

For Security reasons every modern web browser blocks request to camera and microphone unless it is from a valid https source.

This may refer to #28. AFAIK modern web browsers will throw an exception or dump a message to the console in this case. This is obviously suppressed by JSQRScanner, which makes it intransparent. Reading through the issues I get the impression that I'm not the only developer who got caught in this trap.

[clauderobi]

Still not ok on iOS / Chrome: https://github.com/jbialobr/JsQRScanner/issues/28#issuecomment-703114073

[agoalofalife]

Still not ok on iOS / Chrome I checked in ipad on live demo

[RileyIsOnGitHub]

@jbialobr @clauderobi @agoalofalife @ilanmazuz @jolioslin Any status on this?

[clauderobi]

I am using react so I switch to another reader. I am using blackbox-vision/react-qr-reader instead.