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應用程序添加更多有趣的功能！