“Obtener acceso al objeto getUserMedia en Localhost en un teléfono móvil.”

Estoy probando una implementación de webrtc. Actualmente, puedo obtener acceso a navigator.mediaDevices.getUserMedia en mi computadora de escritorio. Sin embargo, cuando abro mi localhost usando la dirección IP de mi computadora en mi teléfono móvil, recibo un mensaje que dice que navigator.mediaDevices.getUserMedia no está definido.

En mi computadora, navego a: http://127.0.0.1:3000/basic-p2p/#8922097 (esto funciona y me permite acceder a mi transmisión de video)

En mi teléfono móvil, navego a:

http://:3000/basic-p2p/#8922097

(esto abre la aplicación web en mi teléfono móvil, pero el objeto navigator está sin definir)

o

http://127.0.0.1:3000/basic-p2p/#8922097

(esto no abre la aplicación web en mi teléfono móvil, solo lo incluyo para ser exhaustivo)

El error específico que recibo es:

No se pueden leer las propiedades de undefined (leyendo ‘getUserMedia’)

Veo que funciona en http: en mi localhost en mi computadora, pero no funciona cuando cambio a usar la dirección IP de mi computadora en mi teléfono o en mi computadora. Por favor ayuda, ¿cómo puedo dar acceso a navigator.mediaDevices.getUserMedia a mi teléfono móvil mientras sigo probando en desarrollo?

En caso de que ayude, esta es específicamente la línea que explota cuando cambio a usar la dirección IP de mi computadora para acceder al localhost.

useEffect(() => {
navigator.mediaDevices.getUserMedia({ audio: true, video: false}).then(stream => {
localVideo.current.srcObject = stream
userStream.current = stream