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