Un tuteur piano interactif construit pour apprendre Zombie des Cranberries en partant de zéro absolu. L’outil décompose la chanson en sept leçons progressives et détecte en temps réel ce que tu joues, soit par le micro ambiant, soit par connexion MIDI USB.

Le projet est né d’un pari familial après l’achat d’un piano numérique. Plutôt que de chercher le bon tuto YouTube, j’ai construit l’outil dont j’avais besoin.

Comment ça marche

L’application est un seul fichier React (environ 650 lignes), sans dépendance externe, déployé en statique sur Cloudflare Pages.

Chaque chanson est découpée en sept leçons qui suivent toujours la même progression :

  1. Accords en blocs (main gauche)
  2. Arpèges (main gauche, décomposé)
  3. Riff d’intro (main droite)
  4. Mélodie couplet et refrain (main droite)
  5. Coordination deux mains (pas à pas)
  6. Montée vers le tempo réel
  7. Performance complète avec guide de structure

Un clavier visuel affiche les touches à jouer avec les numéros de doigts. Le métronome visuel marque les temps. Un séquenceur montre les notes du riff et de la mélodie avec play et stop.

La détection de notes fonctionne de deux façons : par micro (algorithme d’autocorrélation sur le signal audio ambiant) ou par MIDI USB (connexion directe au piano numérique). Le retour est immédiat : vert si c’est la bonne note, rouge sinon.

L’architecture est conçue pour accueillir plusieurs chansons. Ajouter une chanson, c’est ajouter un bloc de données (accords, mélodie, riff, structure) dans un objet JavaScript. L’interface s’adapte automatiquement.

Ce qui est partagé

Tout est public :

Optimisé pour iPad 11 pouces en mode paysage (usage principal), fonctionne aussi sur ordinateur et mobile.

Lire la note associée

J’ai parié que j’apprendrais Zombie au piano en un mois. J’ai construit l’outil pour le faire.