CSS安裝攝像頭：

要想在網(wǎng)頁上使用攝像頭，需要使用HTML5的getUserMedia()方法。但是，在不同瀏覽器和不同操作系統(tǒng)下，該方法可能有所不同，因此我們需要對每種情況做出相應(yīng)的調(diào)整。

//檢查是否支持getUserMedia()
if (navigator.mediaDevices.getUserMedia) {
console.log('getUserMedia supported.');
//訪問攝像頭
navigator.mediaDevices.getUserMedia ({audio: true, video: true})
.then(function(stream) {
var video = document.getElementById('video');
//綁定播放器
video.srcObject = stream;
video.onloadedmetadata = function(e) {
video.play();
};
})
.catch(function(err) {
console.log('getUserMedia error: ' + err.name + " " + err.message);
});
} else {
console.log('getUserMedia not supported on your browser!');
}

請注意，調(diào)用getUserMedia()方法時，我們需要傳遞一個對象作為參數(shù)，指示我們想要訪問攝像頭和麥克風(fēng)。在成功訪問攝像頭后，我們可以將返回的流綁定到video標(biāo)記的srcObject屬性上，這樣就可以在網(wǎng)頁上實時播放攝像頭的內(nèi)容。