Denis Dubov

Вот попробуй єто листинг самого скрипта c использованием библиотеки jquery

$(document).ready(function(){

var video, ctx, canvas;
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia
|| navigator.mozGetUserMedia || navigator.msGetUserMedia;
navigator.getUserMedia({video:true}, function (stream){
var mediaStream = stream;
var video = document.querySelector('#myVideo');
video.src = window.URL.createObjectURL(mediaStream);
video.play();
}, function(error){
	console.log("erroe");
});

$('#startWebCam').click(function(event){
event.preventDefault();
var video = document.querySelector('#myVideo');
video.play();
//end Start
});

$('#getScreenShot').click(function(event){
event.preventDefault();
var video = document.querySelector('#myVideo');
var canvas = document.querySelector('#myCanvas');
var ctx = canvas.getContext('2d');
video.play();
function processFrame(){
ctx.drawImage(video,0,0,200,240);
}
function procesFrame1(){
ctx.drawImage(video,200,0,200,240);
}
function procesFrame2(){
ctx.drawImage(video,400,0,200,240);
}
processFrame();
setTimeout(function(){
	procesFrame1();
}, 1000);
setTimeout(function(){
	procesFrame2();
}, 2000);

//end getSreenShot	
});

$('#stopWebCam').click(function(event){
event.preventDefault();
var video = document.querySelector('#myVideo');
video.pause();

});
//end jquery 
});