> Faqs > Alternativa a getUserMedia

Alternativa a getUserMedia

Hola, tengo una web creada que quiero transformarla en aplicación y me gustaria que cada vez que actualizara el blog y subiera archivos nuevos pudieran verse los cambios tambien en dicha aplicación.

Como puedo hacerlo?

Además Mi web está orientada a la música, tengo creado un metrónomo online y un afinador dentro de la misma web, para poder usar el micrófono del dispositivo para la captura de audio usé navigator.getUsermedia, el problema es que hay navegadores como los de xiaomi en donde no está implementado el getUsermedia.

¿Hay alguna alternativa a getUserMedia en la que pueda acceder al microfono de cualquier dispositivo móvil?

Respuestas

GetUserMedia() es una funcionalidad bastante reciente de los navegadores. Es normal que en algunos navegadores aún falle, pero es cuestión de tiempo que se estabilice el soporte.

El API ha cambiado, por lo que igual en el navegador que mencionas puede que esté implementado mediante el nuevo API o el antiguo.

El API anteriormente era con navigator.getUserMedia y posteriormente se cambió para que fuera esta otra notación de objetos navigator.mediaDevices.getUserMedia.

No sé si eso te ayudará en algo, pero podrías probar.

Para ver qué soporte específico tiene en navegadores puedes usar la web de Caniuse en la sección stream.

Por lo que respecta a actualizar tu página web para convertirla en aplicación, si deseas seguir usando la misma base de código puedes probar con una PWA, ya que con muy pocos pasos puedes conseguir que la web funcione offline y que se pueda instalar en dispositivos. Solo que te pasa lo mismo, hay navegadores o sistemas como iOS, que se dedican a poner zancadillas a los estándares para exprimir a sus usuarios, que no dan soporte a las PWA de manera deliberada.

Puedes aprender más en el Manual de Progressive Web Apps.

La otra alternativa sencilla sería Ionic, pero el trabajo que te va a dar y la necesidad de conocimientos es mucho mucho mayor. El Manual de Ionic que hay en desarrolloweb no es tan amplio, pero te puede dar unas buenas pistas de por dónde iría ese camino.

Sergio
366 11 32 13

Si usas una PWA en realidad cada vez que cambias algo en la web se cambiará también la aplicación. Solamente tendrías problemas si la caché de los dispositivos la tienen guardada. Las cachés se actualizarán de manera automática, pero si para ti es básico que se puedan enviar los cambios tienes que montar alguna estrategia, que no es trivial.

Cuando crees el service worker con workbox puedes probar alguna de las estrategias relatadas aquí.

Si usas Ionic tendrías que subir la aplicación de nuevo a los stores correspondientes con los cambios que hayas implementado.

Miguel Angel
3310 147 216 17