一种利用HTML5实现视频捕获的方法

本文介绍了一种用HTML5实现视频采集的方法,供大家参考:

1。HTML的一部分:





捕获





2。单击按钮触发以下代码:


(函数(){())
使用严格;
视频输出;
var刻度=0.25;
var初始化=函数(){()
输出= $(美元#输出);
视频= $(#视频)得到(0);
$(#捕获)。Click(captureimage);
};
无功captureimage =函数(){()
VaR的画布document.createelement(画布);
canvas.width = video.videowidth *规模;
canvas.height = video.videoheight *规模;
canvas.getcontext(二维的)
。DrawImage(视频,0, 0,canvas.width,帆布,高度);
VaR img = document.createelement(IMG);
img.src = canvas.todataurl();
output.prepend美元(IMG);
};
$(初始化);
}();




希望本文能对大家的javascript程序设计有所帮助。