编写一个html网页,采集摄像头视频。
时间: 2024-03-18 22:44:56 浏览: 21
好的,以下是一个简单的 HTML 页面,可以采集摄像头视频:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>摄像头视频采集</title>
</head>
<body>
<video id="camera-feed" autoplay></video>
<script>
// 获取视频流
navigator.mediaDevices.getUserMedia({ video: true })
.then(function(stream) {
var video = document.getElementById('camera-feed');
video.srcObject = stream;
})
.catch(function(error) {
console.log(error);
});
</script>
</body>
</html>
```
这个页面使用了 `navigator.mediaDevices.getUserMedia()` 方法来获取摄像头的视频流,在成功获取到视频流后,将其赋值给一个 `video` 元素的 `srcObject` 属性,从而实现视频的播放。
你可以将这段代码复制到一个新建的 HTML 文件中,然后在浏览器中打开它,就可以看到摄像头的视频了。注意,在使用这个页面之前,请确保你的设备支持摄像头,并已经连接好了摄像头。