camera is not showing in browser

[PratyushKes]

HI there, my chrome is unable to show the camera, i mean my camera is not opening on chrome.

[vinamramunot-tech]

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

[Ikigainuxxxx]

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?

[vinamramunot-tech]

@Ikigainuxxxx https://community.spiceworks.com/how_to/154601-chrome-allow-localhost-site-even-without-https-certificate

[Dushyantsingh-ds]

This didn't work!

[vinamramunot-tech]

@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]

@WebDevSimplified you can close this issue

[AlexDinger]

@vinamramunot-tech I am having this issue as well and I have no errors whatsoever but the camera just wont show up

[vinamramunot-tech]

@AlexDinger are you running this on http or https?

one alternative is to enable chrome flags:

1. go to chrome and in the url bar type "chrome://flags"
2. enable this flag

3. run your website as "localhost:". you can have the port number as anything you want, an example is localhost:5050

[vinamramunot-tech]

@AlexDinger Also check if any other application is using the camera. Are you running the code on mac/linux or windows?

[mister-bee]

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:

[vinamramunot-tech]

@mister-bee try "http://localhost:5500/face-detection/index.html" and enable the flag I have talked about in the previous comment.

[abdelmark]

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.