使用 getUserMedia API 在移动设备上显示两个摄像头

问题描述

在桌面上测试没有问题，但在移动设备上我们可以同时只有一个流，这意味着我们不能有两个流，一个来自前摄像头，另一个来自后摄像头

 let frontCam = await navigator.mediaDevices.getUserMedia({
    video: { facingMode: "user" },audio: true
  });
 // the second stream will not success if we are on mobile
 let backCam = await navigator.mediaDevices.getUserMedia({
    video: { facingMode: "environment" },audio: true
  });

解决方法

悲伤但真实。大多数移动设备都支持一次一个 import { QueryClientContract,TransactionClientContract } from '@ioc:Adonis/Lucid/Database' 摄像头流。