Not working in Safari 11

[jacdec]

Actually Safari 11 supports WebRTC: https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Safari_11_0/Safari_11_0.html

Unfortunately this script is currently not working... Is anybody having the same problem?
It's known, that Safari requires some special tags (webrtc/samples#929) - but I couldn't figure out the error in the js.

[Lucassifoni]

Hi, do you have some logs ? I can probably help with that !

[jacdec]

I found a solution. The latest rtc-adapter was missing linked in the html. Furthermore the "playsinline"-tag has to be added to the video element. If both changes are applied it's working like a charm!

[liviuk2]

Hi, @jacdec could you please give me more detailed informations about the modifications that you made to get it work on safari? I have the same problem...

[Orifiael]

What he said:
in webqr.js
change:
var vidhtml = '<video id="v" autoplay></video>';
to
var vidhtml = '<video id="v" autoplay playsinline></video>';

in index.html:
add:
<script type="text/javascript" src="https://webrtc.github.io/adapter/adapter-latest.js"></script>

For it to work on your iPhone (Safari) -

• Settings > Safari > ENABLE "Camera & Microphone Access"
• Settings > Safari > Advanced > ENABLE "Javascript"

P.s. When you activate the camera on the phone, it will be facing you. You can rectify that by pressing the video icon again, however it acts as a selector, it actually starts being 'pressed'. to overide you'd need to click the camera icon and then the video icon.