Face-Detection-JavaScript
Face-Detection-JavaScript copied to clipboard
WebDevSimplified
camera is not showing in browser
HI there, my chrome is unable to show the camera, i mean my camera is not opening on chrome.
are you using "localhost" or "127.0.0.1" or "0.0.0.0"? try one of those. Also check https flag at "chrome://flags" and enable that to check if it works
are you using "localhost" or "127.0.0.1" or "0.0.0.0"? try one of those. Also check https flag at "chrome://flags" and enable that to check if it works
what should i enable?
@Ikigainuxxxx https://community.spiceworks.com/how_to/154601-chrome-allow-localhost-site-even-without-https-certificate
@Dushyantsingh-ds can you share an image and the output of the server when you try to run it? I want to see the output on terminal or the console in dev tools.
@vinamramunot-tech I am having this issue as well and I have no errors whatsoever but the camera just wont show up
@AlexDinger are you running this on http or https?
one alternative is to enable chrome flags:
- go to chrome and in the url bar type "chrome://flags"
- enable this flag
- run your website as "localhost:
". you can have the port number as anything you want, an example is localhost:5050
@AlexDinger Also check if any other application is using the camera. Are you running the code on mac/linux or windows?
The actual green camera light goes on, but no image appears on the screen, just a white background.
At this url: http://127.0.0.1:5500/face-detection/index.html
And this warning in the console:
@mister-bee try "http://localhost:5500/face-detection/index.html" and enable the flag I have talked about in the previous comment.
function startVideo() { navigator.mediaDevices.getUserMedia({ video: {} }).then(stream => { const video = document.getElementById('video') video.srcObject = stream video.paly() }) .catch( err => { console.log('Failed to get local stream' ,err); }) }
use this startVideo function instead.
