Захват изображения с видеопотока камеры в элемент холста, экземпляр Context2D или экземпляр ImageData

У меня возникли проблемы с поиском примера того, как захватить изображение с видеопотока камеры, который работает.

Я нашел этот замечательный пример и это замечательное один , который помогает мне больше всего, но часть захвата изображения терпит неудачу.

Как можно получить изображение из видеопотока с веб-камеры и поместить его в элемент холста, экземпляр Context2D или экземпляр ImageData?


javascript html html5-video image-capture
person Community    schedule 10.03.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете использовать элемент холста. Попробуйте код ниже:

var video = document.getElementById('myVideo');
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.drawImage(video, 0, 0, canvas.width, canvas.height);

Эта статья может помочь.

person Rachel    schedule 10.03.2014