如何在 android webview 上使用 mediadevices.getusermedia 运行网页答案

【问题标题】：How to run webpage with mediadevices.getusermedia on android webview如何在 android webview 上使用 mediadevices.getusermedia 运行网页
【发布时间】：2019-09-09 13:36:12
【问题描述】：

我在javascript中使用getusermedia()来调用网络摄像头，但是当我在android的webview中打开相同的网页时，前置摄像头没有出现。

【问题讨论】：

标签： javascript android android-studio webview getusermedia

【解决方案1】：

此答案故意忽略 Android。这取决于浏览器。如果存在 Android 问题（您的问题并未暗示），我可以扩展它。

您需要通过正确的约束来获取用户媒体，例如

{
  video: {
    width: { 
      min: 480,
      ideal: 720,
      max: 1280
    },
    height: {
      min: 480,
      ideal: 720,
      max: 1280
    },
    facingMode: 'user'
  }
}

需要注意的重要一点：如果您请求用户摄像头但请求的分辨率太大，那么如果后置摄像头具有您请求的分辨率，则可能会忽略面临模式，并且浏览器可能会使用后置摄像头。如果发生这种情况，您将不会收到错误消息。

您通过https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices 查询所有设备以查看您的相机是否是正确的。

另请阅读：

https://developers.google.com/web/updates/2015/10/media-devices https://webrtchacks.github.io/WebRTC-Camera-Resolution/

【讨论】：