假设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>