<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
video {
width: 300px;
height: 300px;
display: block;
margin: auto;
border-radius: 50px;
object-fit: cover;
/* filter: blur(2px) saturate(0.6) brightness(1.1); */
transform: scaleX(-1);
}
</style>
</head>
<body>
<video id="video"></video>
</body>
<script type="text/javascript">
navigator.mediaDevices.getUserMedia({
video: true,
audio: false,
}).then((stream) => {
const video = document.getElementById('video');
video.srcObject = stream;
video.onloadedmetadata = () => {
video.play();
};
})
.catch((e) => console.log(e));
</script>
</html>
javascript打开摄像头
最新推荐文章于 2023-12-22 02:46:58 发布