CODEWITHSUNDEEP
javascriptgoogle-chromewebrtc
XD face me
XD face me

Reputation: 588

webcam permission request doesnt work with local files

When experimenting some things with WebRTC. I looked at some examples and downloaded one from github. This wasn't working at all. At the right side of the url, there was an icon that indicated that my webcam was blocked. I clicked on it and said that it could use my webcam. Then chrome said to reload the page so i did that. And everything was the same as in the beginning. But when I loaded the same site through jsfiddle, it asked me with a pop-up for webcam access (the same way as every other application does) and that worked without a flaw. I tested some other browsers and it was all the same. Does anyone have a suggestion how to solve this problem? Thank you!

Upvotes: 3

Views: 1166

Answers (2)

byteSlayer
byteSlayer

Reputation: 2143

In order to use the web cam API, the file must be run from a server. When tyou run it from JSFiddle, it runs on a server, and thus works. It wont work if you run it as a file:/// in your browser, you must run a local web server on your computer and open the web app from there as http://

Running a server

Well running a webserver could be very complex, and requires knoweldege in using softwares like apache or ISS. Luckily enough, for develpers just seeking a simple, straight forward webserver for client side development, there are a couple of easy solutions:

Both are pretty simple, but I think will be enough for simple front end development.

Upvotes: 4

posit labs
posit labs

Reputation: 9431

Chrome blocked my webcam on a site where I denied access multiple times (because I was testing).

You might need to visit chrome://settings/contentExceptions#media-stream and clear your settings.

Upvotes: 1

Related Questions