<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<!-- autoplay字段很重要,你可以不加這個字段試試,你會發現這個video圖像是不會動的,因爲它只是一幀 -->
<video controls="controls" autoplay id="wdd"></video>
<script type="text/javascript">
var video = document.getElementById('wdd');
// 檢測瀏覽器是getUserMedia的方法名,不同瀏覽器可能有不同的前綴
navigator.getUserMedia = navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia;
// 判斷瀏覽器是否支持WebRTC
if (navigator.getUserMedia) {
initVideo();
} else {
alert('你的瀏覽器不支持WebRTC');
}
function initVideo(){
navigator.getUserMedia({
audio: false,
video: { 'facingMode': "user" }
}, function(stream){
// 將流對象暴露在全局環境,方便打印
window.stream = stream;
video.srcObject = stream;
console.log(stream)
}, function(error){
console.error(error);
});
}
</script>
<script type="text/javascript">
</script>
</body>
</html>
*注:如果電腦沒有攝像頭,可以裝一個“e2eSoft VCam”軟件來模擬。