Demo iOS 11.1 Safari - Scan & video not working

[hvw33]

Hi Demo is only showing a black screen for both cams on iPhone 7 iOS 11.1 Safari
Inspector showing no single error
Scanning not working (tested in blind)

[swaipa]

As I understand it, the Apple Webkit engine in iOS doesn't support WebRTC as of yet. This library requires WebRTC, and all browsers running on iOS are forced to use Apple Webkit. =(

[hvw33]

Thx swaipa, this was my understanding as well but the release notes of Safari 11 stating it was implemented: " Support for real-time communication using WebRTC [...] New in Safari 11.0 – Camera and microphone access"
https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Safari_11_0/Safari_11_0.html
Most probably some integration needed in the library, therefore my question.

[heb020]

https://github.com/mdn/samples-server/tree/master/s/webrtc-capturestill with webRTC works on my iPhone 7!

[cesdaile]

This could be related to the playsinline requirement for the new iOS11 webrtc support - see webrtc/samples#929

[jacdec]

I added the "playsinline" and "controls='true'"-tags. That doesn't change anything - it's still not working with iOS11 / Safari.

[thegreatsunra]

I've opened a pull request that appears to fix this issue, and (conveniently!) makes Instascan compatible with Safari for macOS and Safari for iOS 11.

[sascha-hack]

I have safari Version 11.0.2 (13604.4.7.1.3) and it does not work.

I get

[Error] Unhandled Promise Rejection: TypeError: Type error
(anonymous function) (instascan.min.js:9:6262)
promiseReactionJob

In line

return this._stream = i.sent, i.abrupt("return", window.URL.createObjectURL(this._stream));

Is there a combined file without the obfuscation ?

[chteancitrusbug]

@sascha-hack
Have you solved out this issue?
Can you share code which is working in iphone.

[sascha-hack]

No I did not look into it.

[iekadou]

Is there a change this will be merged?

[chteancitrusbug]

Hello friends,
I solve out this issue for iPad the scan is working but there was a camera issue. It always uses the front camera.
I solve it using meta tag meta name="apple-mobile-web-app-capable" content="yes"
If you guys solving it in iphone.

[cihangir-mercan]

@thegreatsunra it worked for me. apply both solutions at these issues:
this: #105
and this: #101

(alternative for 105: #54)

[roben]

I also needed to change the video tag to <video playsinline controls="true" id="preview"></video> to make it work in my iPhone, see https://bugs.webkit.org/show_bug.cgi?id=176843