Local Beat

Un reproductor de música y audiolibros sin conexión que se instala desde el navegador. Tus archivos se quedan en el dispositivo, sin cuentas ni suscripciones. Lo diseñé y desarrollé.

Publicado2026Progressive Web App

Maquetas en dispositivos y capturas de sitios públicos de octubre de 2026. Los sitios pueden incluir cambios posteriores a mi participación.

Descripción general

Local Beat reproduce la música y los audiolibros que el usuario ya tiene. Los archivos se importan desde el dispositivo, se guardan en el navegador y están disponibles sin conexión, con listas de reproducción, reproductor a pantalla completa y controles en la pantalla de bloqueo. Es una Progressive Web App: añádela a la pantalla de inicio desde Safari o Chrome y se abre como una app nativa.

El objetivo

Hacer que los archivos de audio locales sean fáciles de organizar y escuchar en el móvil, sin conexión y con la pantalla bloqueada, sin servidor ni cuenta.

Mi trabajo

Desarrollé una PWA con React que guarda el audio, las portadas y las listas en IndexedDB y solo almacena en caché la estructura de la app. Lee los metadatos y las portadas al importar, y el reproductor usa la Media Session API para los controles de la pantalla de bloqueo y los auriculares.

Resultados

  • Listas ilimitadas con importación de archivos y carpetas completas
  • Reproductor a pantalla completa y mini con aleatorio, repetición y controles en la pantalla de bloqueo
  • Biblioteca de audiolibros con capítulos y progreso de escucha
  • App instalable sin conexión; la música nunca sale del dispositivo

Instálala como una app nativa

Es una Progressive Web App. Añádela a la pantalla de inicio del móvil: se abre a pantalla completa como una app nativa, sin tienda de aplicaciones, y funciona sin conexión.

  • iPhone y iPad: abre el sitio en Safari, toca Compartir y luego Añadir a pantalla de inicio.
  • Android: abre el sitio en Chrome, abre el menú y toca Instalar aplicación o Añadir a pantalla de inicio.

¿Tienes un proyecto?

Cuéntame qué quieres crear. Hablemos del alcance y los próximos pasos.