1) Démarrage rapide (2 minutes)
- Branche ton clavier MIDI (USB) avant d’ouvrir l’application si possible.
- Dans l’application, clique sur 🎛 MIDI, puis autorisez l’accès au MIDI si le navigateur le demande.
- Choisis l’instrument à enregistrer avec les boutons : 🎹 Piano / 🎸 Basse / 🥁 Batterie.
- Règle le BPM (tempo) si nécessaire.
- Clique ▶ Play : le pattern tourne en boucle, le métronome sonne, et le défilement lumineux commence.
- Joue sur le clavier MIDI : tes notes se placent automatiquement dans la case allumée (ou la plus proche).
2) Comprendre l’interface
Barre du haut
- ▶ Play / ⏹ Stop : démarre/arrête la boucle.
- BPM : tempo (40 à 220).
- Instrument à enregistrer : Piano / Basse / Batterie (impacte le MIDI).
- 🎛 MIDI : connexion au clavier MIDI.
- Statut MIDI : indique si l’appareil est connecté.
Zone “pattern” (grille)
- La grille contient 32 cases = 4 mesures × 8 half-beats par mesure.
- Chaque ligne (piste) correspond à un instrument : Piano / Basse / Batterie.
- La case allumée (liseré lumineux) indique le half-beat en cours.
- La case “active” (contour foncé) est le curseur d’édition.
3) MIDI : connexion et prérequis
Compatibilité et conditions
- Le MIDI Web est généralement pris en charge par Chrome et Edge.
- Dans la plupart des cas, il faut un site en HTTPS (ou
localhost) pour que le MIDI fonctionne correctement. - Si ton clavier n’apparaît pas, débranche/rebranchez puis clique à nouveau sur 🎛 MIDI.
Étapes de connexion
- Cliquer sur 🎛 MIDI.
- Lire le message de statut (pastille) :
- Vert : MIDI connecté.
- Orange : aucun périphérique / action requise.
- Choisir l’instrument à enregistrer (Piano/Basse/Batterie).
4) Enregistrement en temps réel : règles et comportement
Règle centrale
Lorsque tu joues sur le clavier MIDI, l’application inscrit l’événement sur la case allumée. Si tu joues très légèrement en avance ou en retard, elle choisit la case la plus proche (indulgence rythmique).
Octave ignorée (Piano)
- En mode Piano, l’octave de ton clavier MIDI n’a pas d’importance.
- L’application recale automatiquement la note vers la tessiture du jeu (piano affiché).
Basse : une note maximum par case
- En mode Basse, une case ne peut contenir qu’une seule note.
- Jouer une autre note remplace la précédente sur la même case.
Batterie : mapping MIDI
En mode Batterie, seules certaines classes de notes sont interprétées (toutes octaves).
| Note MIDI (classe) | Instrument | Comportement |
|---|---|---|
| do (c) | Kick | Ajoute/retire un Kick sur la case |
| ré (d) | Snare | Ajoute/retire une Snare sur la case |
| fa# (f#) | Hi-hat | Ajoute/retire un Hi-hat sur la case |
Ajout / suppression (toggle)
- Pour Piano et Batterie, une note/son déjà présent sur la case peut être retiré en le rejouant (toggle).
- Pour Basse, rejouer la même note sur la même case la retire (ou la remplace selon la logique de la piste).
5) Métronome sonore : comment l’utiliser
Le métronome joue un clic court à chaque half-beat. Il est accentué au début de chaque mesure, et plus présent sur les temps (1–2–3–4) que sur les contretemps.
Bon usage
- Commencez par enregistrer une basse simple (ex. sur les temps), puis enrichissez la batterie.
- Travaillez à tempo modéré (ex. 80–110 BPM) puis augmentez progressivement.
- Si le clic te gêne, baisse le volume global de ton système (ou tes enceintes/casque).
6) Édition manuelle (souris / tactile) en plus du MIDI
Choisir une case
- Clique une case de la grille pour placer le curseur sur ce half-beat.
- Tu peux ensuite cliquer sur le piano, la basse ou la batterie à l’écran pour remplir la case.
Mode Play vs mode Stop
- En Stop : les actions s’appliquent à la case du curseur.
- En Play : les actions (UI et MIDI) s’appliquent à la case allumée (ou la plus proche).
7) Raccourcis utiles
| Action | Raccourci | Remarque |
|---|---|---|
| Case précédente / suivante | ← / → ou W / C | Déplace le curseur d’édition |
| Drums via clavier | K (Kick), S (Snare), H (Hi-hat) | Utile si pas de MIDI |
8) Conseils pour réussir un bon pattern
Construire progressivement
- Basse : posez d’abord un motif simple (ex. temps 1 et 3).
- Kick : renforcez la pulsation (souvent sur les temps forts).
- Snare : structurez (ex. sur 2 et 4, selon le style).
- Hi-hat : ajoute la sensation de mouvement (croches / contretemps).
- Piano : enfin, enrichissez avec des accords ou des notes d’appui.
Travailler le rythme (avec indulgence)
- La quantification aide, mais essaie de viser le clic : tu progresseras plus vite.
- Évite de “mitrailler” : joue une intention claire par case.
- À tempo élevé, simplifiez la basse et la caisse claire, et privilégiez un hi-hat régulier.
9) Dépannage (problèmes fréquents)
Le MIDI ne fonctionne pas
- Vérifie que tu utilises Chrome ou Edge.
- Assure-toi que la page est servie en HTTPS (ou
localhost). - Clique à nouveau 🎛 MIDI après avoir branché le clavier.
- Débranchez/rebranchez le câble USB, puis rechargez la page.
Je n’entends rien
- Clique d’abord sur une action (Play / une touche / MIDI) pour autoriser l’audio dans le navigateur.
- Vérifie le volume système et la sortie (casque/enceintes).
- Si certains sons manquent, vérifie que les fichiers
/sounds/...existent bien sur le serveur.
Les notes semblent “en retard”
- Réduisez la charge CPU (fermez d’autres onglets).
- Évite le Bluetooth audio (latence). Préfère une sortie filaire.
- Travaillez à un BPM plus faible pour stabiliser le geste.