El problema que tengo se ha discutido en varias preguntas en este sitio: cuando llamo a mediaDevices.enumerateDevices() , el campo deviceId está vacío. La mejor pregunta sobre esto que pude encontrar es esta . La respuesta explica que debe pedir permiso al usuario antes de enumerar los dispositivos. Si aún no funciona después de obtener el permiso, "Hiciste algo mal".
Y esta es exactamente la situación en la que estoy. Incluso cloné el ejemplo de WebRTC mencionado en la respuesta. Si ejecuto el sitio web real, todo funciona bien. Pero si lo ejecuto localmente, no solo no veo nombres de dispositivos, las listas también están limitadas a una entrada, como si nunca hubiera dado permiso.
La única otra pista que tengo es un comentario de la respuesta aceptada de esta pregunta , que dice:
Tenga en cuenta que las llamadas de enumeración no funcionan en una máquina de desarrollo local. Deben implementarse en su sitio web para que funcionen correctamente.
Esto suena como una posible solución al problema, sin embargo, tengo algunas dudas.
Después de otorgar permisos de video y audio a la página, debería ver la lista de entradas con sus respectivas identificaciones, aquí hay un ejemplo:
await navigator.mediaDevices.getUserMedia({video: true, audio: true})Puede solicitar permisos para acceder a los dispositivos accediendo a MediaStream
Después de eso, puede acceder completamente a la lista de entrada.
await navigator.mediaDevices.enumerateDevices()