Not working IOS

[zokanzi]

It works fine on Android and computer. But is not working on IOS.

My video tag:
var vidTag = '<video id="html5_qrcode_video" width="0" height="0" muted playsinline autoplay></video>'
Does anyone have a solution.
Thanks...

link for test

[cesarmiguel85]

If this helps, I managed to make it work on my side on Android, Computer and iPhone, by changing these lines in html5-qrcode.js

First add autoplay and plays inline to the created video element (line 18):
var vidElem = $('<video width="' + width + 'px" height="' + height + 'px" autoplay playsinline></video>').appendTo(currentElem);

Then correct the deprecated video source call:
Change (line 47):
video.src = (window.URL && window.URL.createObjectURL(stream)) || stream;
By
video.srcObject = stream;

And I personally changed the camera to the rear one:
Change (line 57):
navigator.getUserMedia({video: true}, successCallback, function(error) {
By
navigator.getUserMedia({video: { facingMode: "environment" } }, successCallback, function(error) {

[gabrielalinck]

Hi!

So, in iOS the method .getUserMedia() is not compatible until the 11 version, what means that in early versions it might not work (I only tested in 9 version).

But even in the 11 version, isn't working in the way that the package is, because the navigator.getUserMedia() method is depracated... So, with the change on line 18 that @cesarmiguel85 suggested, and some changes I did, it worked. I'll put the file here, so u can compare. Hope i can help! (kinda late, sorry).
html5-qrcode.txt