Groove Box
Un séquenceur musical dans le navigateur : pistes, pas, tempo et swing, avec des compositions qui se sauvegardent.
- Type
- Séquenceur musical
- Plateforme
- Navigateur
- Moteur sonore
- Web Audio API
- Sauvegarde
- Automatique
Le projet
Groove Box est une application web pour créer et jouer de la musique en temps réel. On ajoute plusieurs pistes (batterie, synthétiseur), on règle chaque pas (note, activation, volume), et on contrôle le tempo et le swing.
Le projet utilise Nuxt 3, Pinia pour une architecture modulaire, UnoCSS pour un design léger, et la Web Audio API pour produire et manipuler le son. L'ensemble vise des performances fluides et une ergonomie agréable.
Fonctionnalités
-
Architecture modulaire avec Pinia
Chaque partie de l'application (moteur audio, séquenceur, pistes) a son store Pinia. Les responsabilités restent séparées, et ajouter un effet ou un instrument ne demande pas de tout réécrire.
-
Web Audio API et génération sonore
Les oscillateurs, les filtres et les échantillons sont joués en temps réel. Les instruments « lead » suivent la hauteur de chaque pas, et la batterie repose sur des fichiers audio préchargés.
-
Tempo, swing et sauvegarde
On ajuste le tempo et le swing pour donner du groove. Les patterns sont sauvegardés automatiquement grâce à Pinia PersistedState, et retrouvés même après avoir fermé l'application.
Technologies
- Nuxt 3
- Pinia
- UnoCSS
- Web Audio API
Envie d'essayer ?
Le plus simple reste de l'ouvrir directement.