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 |
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...