Snap Photo

// Put event listeners into place

window.addEventListener("DOMContentLoaded",function() {

// Grab elements,create settings,etc.

var canvas = document.getElementById("canvas"),context = canvas.getContext("2d"),video = document.getElementById("video"),videoObj = { "video": true,"audio" : true },errBack = function(error) {

console.log("Video capture error: ",error.code);

};

// Put video listeners into place

if(navigator.getUserMedia) { // Standard

navigator.getUserMedia(videoObj,function(stream) {

video.src = stream;

video.play();

},errBack);

} else if(navigator.webkitGetUserMedia) { // WebKit-prefixed

navigator.webkitGetUserMedia(videoObj,function(stream){

video.src = window.webkitURL.createObjectURL(stream);

video.play();

},errBack);

}

// Trigger photo take

document.getElementById("snap").addEventListener("click",function() {

context.drawImage(video,640,480);

});

},false);

body .one .bsa_it_ad { background: #f8f8f8; border: none; font-family: inherit; width: 200px; position: absolute; top: 0; right: 0; text-align: center; border-radius: 8px; }

body .one .bsa_it_ad .bsa_it_i { display: block; padding: 0; float: none; margin: 0 0 5px; }

body .one .bsa_it_ad .bsa_it_i img { padding: 10px; border: none; margin: 0 auto; }

body .one .bsa_it_ad .bsa_it_t { padding: 6px 0; }

body .one .bsa_it_ad .bsa_it_d { padding: 0; font-size: 12px; color: #333; }

body .one .bsa_it_p { display: none; }

body #bsap_aplink,body #bsap_aplink:hover { display: block; font-size: 10px; margin: 12px 15px 0; text-align: right; }