Access WebCam using JavaScript [Updated]

Access WebCam using JavsScript

In this post, we are going to learn to access WebCam using Javascript. We will use getUserMedia to access WebCam and show the video in our webpage.

Full Source Code to Access WebCam using JavaScript

<center style="margin-top:4%;">
 <h1 style="margin-bottom:10px;">Access WebCam using JavaScript</h1>
 <video id="video" autoplay>Not supported in your browser</video>
 navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;
 function handleVideo(stream){
  document.querySelector('#video').srcObject = stream;
 function videoError(e){
  alert('Something is wrong');


Refer This Video for Complete Guidance

ALSO READ  Play Musical Notes with JavaScript

Comments are closed.