getUserMedia-调用设备摄像头和录音器
七娃博客
12人阅读
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>调用设备摄像头和录音器</title>
</head>
<body>
<video id="myvideo" width="800" height="600"></video>
<script type="text/javascript">
let myVideo = document.getElementById("myvideo")
getUserMedia(myVideo)
//拿到 摄像头 媒体流
function getUserMedia(myVideo) {
console.log(`Requesting video stream`)
const constraints = {
video: true,
audio: false
};
navigator.mediaDevices.getUserMedia(constraints)
.then(stream => {
if(myVideo) {
myVideo.srcObject = stream;
myVideo.onloadedmetadata = function(e) {
myVideo.play();
};
}
}).catch(error => {
console.error(error);
});
}
</script>
</body>
</html>
