<!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”软件来模拟。