JQuery-Webcam是一款用于在Web应用程序中捕获摄像头图像的插件。它可以帮助您轻松地实现照片和视频捕获功能,无需编写大量的JavaScript代码。您可以在此处访问官方网站https://github.com/jeremynealbrown/jquery-webcam
$(function(){ $('#webcam-container').webcam({ width: 320, height: 240, mode: "callback", swffile: "/jwplayer/player.swf", onTick: function(remain) { if (0 == remain) { $('#status').text("Cheese!"); } else { $('#status').text(remain + " seconds remaining..."); } }, onSave: function(data) { var col = data.split(";"); var img = image; for(var i = 0; i< 320; i++) { var tmp = parseInt(col[i]); img.data[pos + 0] = (tmp >>16) & 0xff; img.data[pos + 1] = (tmp >>8) & 0xff; img.data[pos + 2] = tmp & 0xff; img.data[pos + 3] = 0xff; pos+= 4; } if (pos >= 4 * 320 * 240) { ctx.putImageData(img, 0, 0); pos = 0; } }, onCapture: function () { webcam.save('/upload.php'); }, debug: function(type, string) { // Write debug information to console.log() or a div tag }, onLoad: function() { // 页面加载完成后开始摄像头 webcam.capture(); } }); });
以上是官方文档中提供的示例代码,这款插件可以支持各种浏览器,包括移动端浏览器。与其他类似的插件相比,jQuery-Webcam更加轻量级,易于使用,即使您没有编写JavaScript代码的经验也可以轻松实现摄像头捕获功能。尝试使用它,并为您的Web应用程序添加更多有趣的功能!