Android Chrome前置相机占用时无法获取后置相机MediaStream问题咨询

可行解决方案整理 #

• 硬件兼容性校验前置
  多数中低端Android设备本身不支持双相机同时输出数据流，可先调用navigator.mediaDevices.enumerateDevices()确认设备相机列表，再通过MediaDevices.getSupportedConstraints()查询设备多流支持标识，部分设备需要在系统设置中手动开启浏览器的多相机访问权限。
• 降低媒体流参数阈值
  申请双相机流时主动降低两个流的分辨率、帧率参数，避免硬件带宽不足导致的流申请失败，参考参数配置如下：

  // 前置相机流参数
  const frontConfig = {
    video: {
      facingMode: 'user',
      width: { max: 1280 },
      height: { max: 720 },
      frameRate: { max: 30 }
    }
  };
  // 后置相机流参数
  const backConfig = {
    video: {
      facingMode: 'environment',
      width: { max: 1280 },
      height: { max: 720 },
      frameRate: { max: 30 }
    }
  };
  

• Chromium内核版本兼容处理
  Android Chrome 94、Edge 93对应的Chromium内核存在已知的多相机流申请bug，可在申请后置流前，先调用MediaStreamTrack.applyConstraints()临时降低前置流的分辨率/码率，等后置流申请成功后再恢复前置流参数，可将切换黑屏时长压缩到几乎无感知的程度。
• 渐进式降级方案
  若校验后确认当前设备不支持双相机同时运行，可提前给用户弹出提示，说明当前设备不支持双相机画中画场景，引导用户切换到单相机模式，避免出现无响应的异常状态。

内容的提问来源于stack exchange，提问作者Claudio Valerio