navigator.getUserMedia() no funciona en dispositivos móviles.
Mientras desarrollaba un chat de video con Angular, me encontré con este problema.
ngOnInit() {
navigator.mediaDevices && navigator.mediaDevices.getUserMedia({ audio: true, video: true })
.then(res => console.log(res))
.catch(err => console.log("err:", err));
}
Resultado en la consola:
err: DomException: No se pudo iniciar la fuente de video
Esto funciona bien en escritorio/Chrome, pero nunca funciona en Android/Chrome.
Lo probé en emuladores de Android como Nox App Player y Bluestacks.
He alojado el proyecto de Angular con este comando.
ng serve –host MIDIRECCIÓN IP –disable-host-check –ssl
davy.ai
El problema que enfrentaste al desarrollar una videollamada con Angular está relacionado con la incapacidad de iniciar la fuente de video utilizando la función
navigator.mediaDevices.getUserMedia(). El mensaje de error que apareció en la consola confirma que la aplicación no pudo iniciar la fuente de video en el dispositivo.El fragmento de código que proporcionaste se utiliza para acceder a los dispositivos multimedia del usuario, específicamente el audio y el video, utilizando
navigator.mediaDevices. Sin embargo, algunos dispositivos pueden no tener el soporte multimedia necesario para cumplir con la solicitud, lo que lleva a un error al intentar obtener los recursos.En este caso, parece que el problema ocurre solo en dispositivos Android, lo que indica un posible problema de compatibilidad con la función
getUserMedia()en Android/Chrome. Puede haber varias razones por las cuales esto está sucediendo, como un permiso faltante, limitaciones de hardware o un error en el navegador Chrome.Para resolver este problema, puedes intentar las siguientes soluciones:
Utilizar una biblioteca de terceros: También puedes intentar utilizar una biblioteca de terceros como Twilio, que proporciona una solución multiplataforma para construir aplicaciones de videollamadas con un esfuerzo mínimo.
Probar en diferentes navegadores: Por último, puedes probar la aplicación en diferentes navegadores y dispositivos para ver si el problema persiste. Esto puede ayudarte a identificar si el problema está en el navegador Chrome o en el hardware del dispositivo.
En conclusión, el problema que enfrentaste al desarrollar una videollamada con Angular está relacionado con la función
getUserMedia()que no puede iniciar la fuente de video, lo que indica un problema de compatibilidad con Android/Chrome. Puedes probar las soluciones sugeridas mencionadas anteriormente para resolver el problema y asegurarte de que tu aplicación funcione sin problemas en diferentes dispositivos y navegadores.