jquery是一個非常常用的JavaScript庫,用來方便地操作DOM、AJAX請求等。除此之外,jquery還能很方便地調起攝像頭,實現拍攝照片、錄制視頻等功能。
$('button').click(function(){
navigator.mediaDevices.getUserMedia({
audio: true,
video: true
})
.then(function(stream) {
$('#video').attr('srcObject', stream);
$('#video')[0].play();
})
.catch(function(err) {
console.log(err);
});
});
上面的代碼中,我們首先綁定了一個按鈕的點擊事件,用來觸發調起攝像頭。接著,我們調用了navigator.mediaDevices.getUserMedia方法,傳入了一個包含audio:true、video:true屬性的對象。這個方法返回的是一個Promise對象,我們可以在then方法中獲取到攝像頭的輸入流stream對象,并且將其賦值給一個video標簽的srcObject屬性,最后再調用play方法,即可在頁面上看到攝像頭的實時畫面。
需要注意的是,在使用攝像頭的過程中,可能會遇到各種問題,例如用戶拒絕授權、攝像頭無法打開等。因此,在代碼中我們還加入了catch方法,用來捕獲異常并進行處理。
下一篇css怎么框選區域