Estoy escribiendo una página web que muestra la imagen de la cámara a tamaño completo. Está destinado a usarse solo en iPads, por lo que hice una restricción para adaptar la resolución de la cámara a 768x1024 (Provisional, solo para probar el tamaño).

La imagen se muestra en una etiqueta <video>

El problema es que cuando configuro la restricción, mi primera cámara se desactiva y la página muestra la salida de la cámara OBS .

Restricción

 const MEDIA_CONSTRAINTS = { video: { width: { ideal: 768 }, height: { ideal: 1024 } } };

Obtener medios de usuario

 navigator.getUserMedia(MEDIA_CONSTRAINTS, (stream) => { video.srcObject = stream; }, (err) => console.error(err) )

Creo que esto sucede cuando pongo una altura superior a 720. Estoy probando esto en PC en este momento, por lo que aún puede funcionar en iPad, pero quiero asegurarme de que funcione en cualquier dispositivo.