jQuery是一個廣泛使用的JavaScript庫,可簡化HTML文檔遍歷、事件處理、動畫等操作。同時,jQuery也提供了一些功能強大的函數來操作攝像頭。
//獲取視頻流 var video = $("video")[0]; navigator.mediaDevices.getUserMedia({ video: true, audio: false }) .then(function(stream) { video.srcObject = stream; video.play(); }) .catch(function(err) { console.log("An error occurred: " + err); }); //拍照 var canvas = $("canvas")[0]; var context = canvas.getContext("2d"); $("button").on("click", function() { context.drawImage(video, 0, 0, canvas.width, canvas.height); });
如上所示,我們可以通過getUserMedia函數獲取攝像頭的視頻流,然后將視頻流賦值給video標簽,即可在網頁上實時顯示攝像頭捕捉的畫面,同時我們還可以通過canvas將當前畫面截圖保存。
上一篇css怎么用ttf字體
下一篇jquery調用遠程桌面