This is a companion discussion topic for the original entry at http://www.kirupa.com/html5/accessing_your_webcam_in_html5.htm

Hi, I am trying to create a simple video display by following this tutorial. I am using Firefox 57.0 with a Tomcat 7 on localhost. I think the javascript has worked since I got the pop up asking for camera permission. However, after selecting allow, only my webcam is turned on (the lamp lights up) b…

Does your Console when you bring up the developer tools show any errors or warnings? Does the same behavior happen in Chrome as well?

Hi Kirupa, I typed in the code for the webcam in HTML5 as specified but I only get the gray screen and my javascript file has errors even though I typed in in correctly. Do you have any suggestions? Thanks, Dylan

What errors are you seeing? Do you have a link to your document? Thanks, Kirupa

dude… why i c my camera on but nothing out front the border and file:///C:/xampp/htdocs/webcam/webcamContainer.html

Hello, Is there any way to make this function in Safari as well?

I think the APi has been changed to: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia The tutorial will be updated in a few moments to support it instead of the now-deprecated navigator.getUserMedia. Cheers, Kirupa

I updated the tutorial to reflect the new getUserMedia API that everyone should be using: https://www.kirupa.com/html5/accessing_your_webcam_in_html5.htm Thanks for bringing this to my attention :slight_smile:

How to stop video streaming completely

kirupaForum

Accessing Your Webcam in HTML5

programming

kirupa May 3, 2018, 10:45am 19

Replied to here: webcam connection problem

Topic		Replies	Views
Accessing the Webcam in HTML5 web dev	0	444	May 2, 2013
webcam connection problem web dev	4	1963	May 3, 2018
Kirupa programming	2	65	July 20, 2025
Webcam not displaying anything! web dev	4	1038	August 30, 2017
Webapge web dev	0	449	March 21, 2018

Creating engaging and entertaining content for designers and developers since 1998.

Follow:

Loose Ends

What is a Kirupa?
About the Site
Handy Tools
Get Help

Accessing Your Webcam in HTML5

Related topics

Follow:

Popular

Loose Ends