Demo page not working - Githubissues

cyrildiagne / ar-facedoodle

Doodle AR masks right from the browser with tensorflow.js

MIT License

545 stars 89 forks source link

Demo page not working #1

Open DenisSergeevitch opened 4 years ago

DenisSergeevitch commented 4 years ago

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 commented 4 years ago

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 commented 4 years ago

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 commented 4 years ago

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

kamend commented 4 years ago

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 commented 1 year ago

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