Lecteur de musique PWA

Archivé

Lecteur audio en Vue.js, installable comme une application et fonctionnel hors connexion grâce à un service worker.

Rôle
Développement, seul
  • Vue.js
  • PWA
  • Service Worker
  • Web Audio
Interface du lecteur de musique

Contexte

Un prétexte pour aller au bout du modèle PWA : installation sur l'écran d'accueil, fonctionnement hors ligne et lecture qui survit à la mise en arrière-plan de l'onglet.

Mettre en cache une feuille de style est trivial. Mettre en cache des fichiers audio de plusieurs mégaoctets impose de trancher des questions concrètes : quoi conserver, pendant combien de temps, et quel comportement adopter lorsque le quota du navigateur est atteint.

Il n'existe pas de réponse générique. J'ai retenu les derniers morceaux lus et purgé le reste : la stratégie convient à une playlist personnelle et ne tiendrait pas sur un catalogue complet.

Autres projets

  • Capture d'écran de l'interface de Kosmood

    Application web de gestion mise en production, développée en équipe avec Symfony et Vue.js.

    Développeur full-stack, en équipe

    • Symfony 5
    • PHP 8
    • Vue.js
    • Vuetify
  • Logo de Docker

    Environnement conteneurisé reproductible pour le développement et le déploiement de Kosmood.

    Conception et réalisation, seul

    • Docker
    • Docker Compose
    • NGINX
    • PHP-FPM
  • Éditeur VS Code affichant du code avec le thème sombre

    Thème sombre pour Visual Studio Code, publié sur le Marketplace officiel.

    Conception et développement, seul

    • JSON
    • VS Code Extension API