Saltar al contenido

¿La aplicación móvil HTML5 se ejecuta mientras la pantalla del teléfono está apagada?

Posterior a de nuestra prolongada compilación de datos pudimos solucionar este enigma que presentan ciertos los lectores. Te brindamos la solución y nuestro objetivo es serte de mucha ayuda.

Solución:

Mi aplicación de música es HTML5 y también debe ejecutarse en segundo plano. El soporte para eso varía según el navegador móvil.

  • Safari en iOS: continuará reproduciendo una o dos canciones en segundo plano
  • Navegador nativo en Android: reproducirá una canción y luego se detendrá
  • Firefox en Android: se detendrá cuando la pantalla se bloquee, el navegador pierda el foco o la canción termine
  • Dolphin en Android: ¡juega en segundo plano! pero finalmente se detiene
  • Opera en Android: mejor soporte en segundo plano, Javascript continúa ejecutándose y la música continúa reproduciéndose incluso cuando la pantalla está apagada o Opera se envía al fondo, pero finalmente se detiene después de un par de canciones.

Como puede ver, es impredecible. La mitad del tiempo termino tratando de poner mi teléfono en mi bolsillo al revés, tratando de mantener la pantalla encendida, hasta que accidentalmente lo presiono, apesta totalmente. Anhelo el día en que el usuario tenga más control sobre la ejecución de aplicaciones HTML5 en segundo plano. Si tuviera que adivinar, diría que el soporte universal para eso está muy lejos, si es que alguna vez logra tracción. Me veo obligado a optar por una solución de aplicación nativa, aunque estoy casi seguro de que Apple nunca la aprobará. Mientras tanto, mantendré la esperanza y seguiré probando los navegadores móviles más recientes. Porque si realmente sucede, será increíble. 🙂

También debo señalar que, según mi experiencia, para casi todas las combinaciones anteriores, el uso de HTML5 para ejecutar javascript, extraer datos de red y reproducir música de forma simultánea normalmente convertirá su teléfono en un horno y agotará la batería con bastante rapidez. Ugg.

Además, si está utilizando jQuery Mobile (que en su mayoría es fantástico), verá un manejo táctil diferente en los diferentes navegadores. Por ejemplo, Firefox touch funciona muy bien, Dolphin es terrible y requiere tocar y mantener presionado y soltar con precisión para hacerlo bien. Eso no es culpa directa de HTML5, sino otro problema con el que estoy lidiando.

Estos son los pensamientos interesantes de otro desarrollador sobre HTML5 móvil.

ACTUALIZACIÓN: Acabo de descargar Opera (22 de mayo de 2013) en mi Samsung Galaxy S3 y tiene el mejor soporte HTML5 hasta ahora. Para mi aplicación, continúa ejecutando javascript en segundo plano, ya sea que la pantalla esté apagada o que Opera esté en segundo plano, durante al menos un par de canciones.

Puede utilizar trabajadores de servicio:

https://developers.google.com/web/fundamentals/primers/service-workers/

Un trabajador de servicio es un script que su navegador ejecuta en segundo plano, separado de una página web, que abre la puerta a funciones que no necesitan una página web o la interacción del usuario. Hoy en día, ya incluyen funciones como notificaciones automáticas y sincronización en segundo plano. En el futuro, los trabajadores de servicios podrían admitir otras cosas, como la sincronización periódica o la geovalla.

Para ser precisos, las aplicaciones pueden registrar a un trabajador de servicio de la siguiente manera:

if ('serviceWorker' in navigator) 
  window.addEventListener('load', function() 
    navigator.serviceWorker.register('/sw.js').then(function(registration) 
      // Registration was successful
      console.log('ServiceWorker registration successful with scope: ', registration.scope);
    , function(err) 
      // registration failed :(
      console.log('ServiceWorker registration failed: ', err);
    );
  );

Una vez que el registro del trabajador del servicio sea exitoso, cualquier lógica de aplicación implementada en sw.js se ejecutará en segundo plano; incluso si la pestaña de la aplicación está deshabilitada.

valoraciones y comentarios

Recuerda algo, que tienes la capacidad de reseñar .

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *