En este momento, si uso mi iPhone o iPad y trato de mostrar dos flujos, uno es negro y el otro funciona. ¿Qué puedo hacer para que ambos funcionen? Esto funciona bien en todos los navegadores con mi computadora portátil.
<script> navigator.mediaDevices.getUserMedia({ audio: true, video: true}) .then(function(camera) { document.getElementById("video1").srcObject = camera;}) .catch(function(error) { console.error("ERROR", error) }); navigator.mediaDevices.getUserMedia({audio: true, video: { width: 400, height: 200}}) .then(function(remote_camera) { document.getElementById("video2").srcObject = remote_camera;}) .catch(function(error) { console.error("ERROR", error) }); </script> <video id="video1" controls autoplay playsinline></video> <video id="video2" controls autoplay playsinline></video>Safari en iOS no admite más de una cámara activa a la vez.
https://bugs.webkit.org/show_bug.cgi?id=238492 es el informe de error más reciente al respecto, pero este comportamiento ya se documentó en 2018: https://webrtchacks.com/guide-to-safari- webrtc/