假设h5网页是html代码是
<!DOCTYPE html>
<html>
<head>
<title>摄像头示例</title>
</head>
<body>
<h1>摄像头示例</h1>
<video id="camera" autoplay></video>
<script>
// 获取video元素
const videoElement = document.getElementById('camera');
// 检查浏览器是否支持getUserMedia方法
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
// 请求打开摄像头并获取视频流
navigator.mediaDevices.getUserMedia({ video: true })
.then(function(stream) {
// 将视频流分配给video元素的srcObject属性,以显示实时视频流
videoElement.srcObject = stream;
})
.catch(function(error) {
console.error('无法打开摄像头:', error);
});
} else {
console.error('浏览器不支持getUserMedia方法');
}
</script>
</body>
</html>


