数码资讯
一种利用HTML5实现视频捕获的方法
本文介绍了一种用HTML5实现视频采集的方法,供大家参考: 1。HTML的一部分: 捕获 2。单击按钮触发以下代码: (函数(){()) 使用严格; 视频输出; var刻度=0.25; var初始化=函数(){() 输出= $(美元#输出); 视频= $(#视频)得到(0); $(#捕获)。Clic
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文介绍了一种用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程序设计有所帮助。
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程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。