Mon professeur d'anglais est musicien. L'autre jour, il me montrait quelques-unes de ses compositions et m'a dit quelque chose comme « j'aimerais pouvoir esquisser un beat rapidement sans ouvrir une application énorme ». Il ne voulait pas Ableton. Il ne voulait rien installer. Il voulait ouvrir un onglet et commencer à faire de la musique.
Ça m'est resté.
Ma mère a étudié à l'Escola de Música de Barcelona. Mon voisin produit de la musique électronique dans sa chambre. La musique est partout autour de moi, et j'entendais toujours la même frustration : les outils de production sont soit chers, soit complexes, soit vous obligent à télécharger votre audio vers un service cloud qui peut ou non respecter votre vie privée.
Alors j'ai construit deux outils. Les deux fonctionnent entièrement dans votre navigateur. Pas de compte, pas d'upload, pas d'abonnement.
Le Loop Music Creator : un DAW dans le navigateur
Le premier outil est un DAW basé sur les boucles qui fonctionne sur la Web Audio API. Vous obtenez :
- 7 types de pistes : batterie, synthétiseur, basse, mélodie, accords, percussion et sampler
- 14 presets de synthé : du piano FM aux cordes pincées Karplus-Strong en passant par le chiptune 8-bit
- Séquenceur à pas pour les patterns de batterie et un piano roll pour les pistes mélodiques
- Effets par piste : EQ 3 bandes, compresseur, envois reverb/delay
- Chaîne d'effets master : reverb, delay, compresseur, EQ master
- Arrangement multi-scène : organisez couplets, refrains, ponts
- Tap tempo et swing par piste pour le groove
- Export WAV et sauvegarde/chargement de projet (format
.loop.json)
Tout est synthétisé en temps réel. Aucun sample n'est chargé depuis un serveur. Les sons de batterie sont générés par synthèse de bruit et mise en forme d'oscillateurs, les synthés utilisent des méthodes FM, additives et soustractives selon le preset.
L'architecture
Le moteur audio est découplé de l'état React. Un useRef contient l'instance du moteur tandis qu'un useReducer gère l'état du DAW. Cela évite le problème classique des re-renders React qui causent des glitches audio. Le moteur programme les notes à l'avance en utilisant AudioContext.currentTime avec un buffer de lookahead; une technique bien documentée dans « A Tale of Two Clocks » de Chris Wilson.
Chaque piste possède son propre nœud de gain, panoramique et chaîne d'effets routés vers un bus master. Le bus master dispose d'une reverb algorithmique, d'un delay avec feedback, d'un compresseur de dynamique et d'un EQ 3 bandes.
YouTube Loop Mix : une table DJ dans votre navigateur
Le deuxième outil est YouTube Loop Mix & DJ Tool; double platine avec crossfader, comme une vraie table de mixage DJ.
Mon voisin me demandait sans cesse « est-ce que je peux juste boucler une section d'une vidéo YouTube et la mixer avec une autre piste ? » Il trouvait un break de batterie incroyable sur YouTube, voulait boucler 4 mesures et le mélanger avec un pad de synthé depuis un fichier local.
YouTube Loop Mix vous offre :
- Double platine pour charger des vidéos YouTube ou des fichiers audio locaux
- Marqueurs de boucle A-B pour boucler n'importe quelle section avec précision
- Crossfader pour des transitions fluides entre les platines
- EQ 3 bandes (graves/médiums/aigus) par platine pour le mixage en direct
- Points cue pour marquer et sauter à des moments précis
- Détection de BPM pour synchroniser les pistes
- Export WAV de votre mix final
C'est le genre d'outil qui transforme une session YouTube en session créative. Trouvez un breakbeat, bouclez-le, coupez les aigus avec l'EQ, crossfadez vers une mélodie de votre bibliothèque locale; tout sans quitter le navigateur.
Pourquoi dans le navigateur ?
Trois raisons.
1. Zéro friction. Mon professeur a ouvert le lien sur son ordinateur portable d'école et faisait des beats en 30 secondes.
2. Vie privée. L'audio ne quitte jamais votre machine. Comparez avec les DAW en ligne comme BandLab ou Soundtrap qui uploadent vos enregistrements sur leurs serveurs.
3. Portabilité. Le format .loop.json est du JSON lisible. Vous pouvez le versionner avec git, le partager sur Discord, ou le générer par programme.
Essayez-les
- Loop Music Creator; construisez des beats, composez des mélodies, mixez et exportez
- YouTube Loop Mix & DJ Tool; double platine, crossfader, boucles A-B, EQ et export WAV
Les deux outils sont gratuits et traitent tout localement. Si vous créez quelque chose de cool avec le Loop Creator, vous pouvez exporter le .loop.json et le partager; le format est conçu pour être portable.