Mengakses Kamera Web dengan JS

Cara mengakses kamera webcam dari web dengan javascript 


Untuk kali ini kita akan membahas mengenai cara mengakses kamera web dengan bantuan javascript, jadi fitur ini akan berjalan dihalaman website

Mengakses Kamera Web dalam JS
Mengakses Kamera Web dalam JS



Bagaimana caranya ?

OK lansung saja kita mulai.

Source Html




<video id="video"></video>
<canvas id="canvas"></canvas><br>
<button onclick="snap();">Snap</button>


Source Javacript



var video = document.getElementById('video');
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
 
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.oGetUserMedia || navigator.msGetUserMedia;
 
if(navigator.getUserMedia){
 navigator.getUserMedia({video:true}, streamWebCam, throwError);
}
 
function streamWebCam (stream) {
 video.src = window.URL.createObjectURL(stream);
 video.play();
}
 
function throwError (e) {
 alert(e.name);
}
 
function snap () {
 canvas.width = video.clientWidth;
 canvas.height = video.clientHeight;
 context.drawImage(video, 0, 0);
}



Hore.. Done...

Previous Post
Next Post
Related Posts