Demo page not working

[DenisSergeevitch]

Hi, Im trying to run:
https://cyrildiagne.github.io/ar-facedoodle/

But got this in the console:

Uncaught (in promise) DOMException: Could not start video source
n @ main.be85bd35.js:6
v @ main.be85bd35.js:6
Promise.then (async)
n @ main.be85bd35.js:6
c @ main.be85bd35.js:6
(anonymous) @ main.be85bd35.js:6
(anonymous) @ main.be85bd35.js:6
M @ main.be85bd35.js:68
B @ main.be85bd35.js:68
window.onload @ main.be85bd35.js:68
load (async)
parcelRequire.HJDO.@babel/runtime/regenerator @ main.be85bd35.js:68
f @ main.be85bd35.js:1
parcelRequire.KA2S @ main.be85bd35.js:1
(anonymous) @ main.be85bd35.js:1

[cyrildiagne]

Hi,
It seems that the camera is blocked for some reason. What browser are you using? And could you double check that the camera is enabled/available on this page?

[kamend]

For some reason on mobile, the video element has to be defined in the HTML beforehand, it could not be dynamically created like in setupCamera(). Also the

[cyrildiagne]

Interesting.. Which mobile/browser? It's working find one my Pixel 4 / Chrome

[kamend]

The problem is with iOS Safari, I think after iOS 13, Apple added some requirements described here: https://developer.apple.com/documentation/webkit/safari_tools_and_features/delivering_video_content_for_safari#3030250

[cliffvick]

It's happening in Chrome an macOS as well [Version 109.0.5414.119 (Official Build) (x86_64)]