Parece que en iOS 15 o 15.1 apareció un error que de alguna manera rompió la función de transmisión de video.

Encontré un par de enlaces relacionados con ese problema, pero aún no pude resolverlo. Uso VueJS y probé diferentes soluciones.

Por lo tanto, no funciona en ningún navegador en iOS 15.1.

Lo que hago exactamente es tener una etiqueta de video, en la que pongo srcObject con una transmisión de video. El siguiente código funciona en todas partes excepto en iOS 15.1:

 <template> <video autoplay playsinline ref="video" class="video" :class="{ 'video-mobile': $mq === 'sm' }" /> </template> <script> // ... async mounted () { if (!this.deviceSupported) { this.handleError('NoSupportedDevice') return } try { let stream = await navigator.mediaDevices.getUserMedia(this.constraints) this.$refs.video.srcObject = stream } catch (error) { console.log(error, 'camera_error') this.handleError(error.name) } }, </script>

PERO lo que pasa es que si oculto y muestro la ventana del navegador, aparece el video. E incluso si no hago eso, todavía puedo capturar la captura de pantalla del video, por lo que técnicamente la transmisión funciona. Lo único que no funciona es que no aparece la imagen de la etiqueta del video.

Probé diferentes soluciones

1. Uso de v-show, v-if e inicialización de video en $nextTick
2. Usar el tiempo de espera (por ejemplo, después de obtener los permisos de video, esperé un segundo y luego inicié el video con srcObject)

Sin ningún éxito =\