+
95
-

uniapp中webview打开一个h5网页中能通过原生js getUserMedia调用摄像头吗?

uniapp中webview打开一个h5网页中能通过原生js getUserMedia调用摄像头吗?

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



网友回复

+
15
-
可以的
我知道答案,我要回答