Local Beat

Un lecteur de musique et de livres audio hors ligne, installable depuis le navigateur. Vos fichiers restent sur l’appareil, sans compte ni abonnement. Je l’ai conçu et développé.

Publié2026Progressive Web App

Maquettes sur appareils et captures de sites publics d’octobre 2026. Les sites peuvent inclure des modifications apportées après mon intervention.

Aperçu

Local Beat lit la musique et les livres audio que l’utilisateur possède déjà. Les fichiers sont importés depuis l’appareil, stockés dans le navigateur et disponibles hors ligne, avec des playlists, un lecteur plein écran et des commandes sur l’écran verrouillé. C’est une Progressive Web App : ajoutez-la à l’écran d’accueil depuis Safari ou Chrome et elle s’ouvre comme une application native.

L’objectif

Rendre les fichiers audio locaux faciles à organiser et à écouter sur un téléphone, hors ligne et écran verrouillé, sans serveur ni compte.

Mon travail

J’ai développé une PWA React qui stocke l’audio, les pochettes et les playlists dans IndexedDB et ne met en cache que la coque de l’application. Elle lit les métadonnées et les pochettes à l’import, et le lecteur utilise la Media Session API pour les commandes de l’écran verrouillé et des écouteurs.

Résultats

  • Playlists illimitées avec import de fichiers et de dossiers entiers
  • Lecteurs plein écran et mini avec lecture aléatoire, répétition et commandes sur l’écran verrouillé
  • Bibliothèque de livres audio avec chapitres et progression d’écoute
  • Application installable hors ligne ; la musique ne quitte jamais l’appareil

Installez-la comme une application native

Il s’agit d’une Progressive Web App. Ajoutez-la à l’écran d’accueil de votre téléphone : elle s’ouvre en plein écran comme une application native, sans boutique d’applications, et fonctionne hors ligne.

  • iPhone et iPad : ouvrez le site dans Safari, touchez Partager, puis Sur l’écran d’accueil.
  • Android : ouvrez le site dans Chrome, ouvrez le menu et touchez Installer l’application ou Ajouter à l’écran d’accueil.

Un projet en tête ?

Décrivez ce que vous souhaitez créer. Discutons du périmètre et des prochaines étapes.