Transformer n’importe quelle chanson en leçon de piano interactive
Un professeur de piano dans le navigateur qui transforme un fichier audio ou MIDI en notes qui défilent, en partition synchronisée et en évaluation en temps réel — sans installation ni module externe.
- Client
- Compianion
- Secteur
- Éducation musicale
- Année
- 2026
Audio + MIDI
acceptés comme source de leçon
Real time
évaluation note par note
0
installation — c’est une application web
Le défi
Les logiciels d’apprentissage du piano échouent généralement de deux façons : ils vous enferment dans un catalogue fixe, ou ils s’installent lourdement sur le poste sans jamais bien fonctionner avec votre clavier.
L’objectif était une application web qui accepte la musique que l’apprenant veut réellement jouer, l’affiche fidèlement à cadence stable dans le navigateur et l’écoute d’assez près pour évaluer une interprétation note par note — tout en restant fluide sur un portable ordinaire.
L’objectif était une application web qui accepte la musique que l’apprenant veut réellement jouer, l’affiche fidèlement à cadence stable dans le navigateur et l’écoute d’assez près pour évaluer une interprétation note par note — tout en restant fluide sur un portable ordinaire.
Ce que nous avons bâti
Compianion est une application Laravel dont la couche de rendu repose sur PixiJS : le défilement des notes et la partition sont dessinés par le GPU plutôt que de malmener le DOM. L’audio et le MIDI sont analysés côté serveur en une carte de notes temporisée, que le client rejoue, fait défiler et évalue en confrontant l’entrée en direct des API Web MIDI et Web Audio.
Autour du moteur se trouve ce qui donne envie de continuer : mode mains séparées, boucle sur la mesure qui résiste, tempo ajustable et un système d’XP qui récompense la régularité plutôt que l’acharnement.
Autour du moteur se trouve ce qui donne envie de continuer : mode mains séparées, boucle sur la mesure qui résiste, tempo ajustable et un système d’XP qui récompense la régularité plutôt que l’acharnement.
Le résultat
Le résultat fonctionne entièrement dans le navigateur sur ordinateur et tablette, avec n’importe quel clavier MIDI USB ou Bluetooth, et bascule sur la détection de hauteur au micro pour les apprenants au piano acoustique.
Technologies
Laravel
Vue 3
PixiJS
Web Audio API
Web MIDI
Vite
MySQL
LiteSpeed
Autres projets
Voir l’étude de cas
LingoCard ·Apprentissage des langues
Des cartes mémoire qui se remplissent toutes seules
Tapez un mot et la carte se complète d’elle-même : traduction, prononciation des deux côtés, catégorie grammaticale et une vraie phrase d’exemple — assemblées à partir de dictionnaires libres et ouverts, dans n’importe quelle paire de langues.
Laravel
Blade
Tailwind CSS v4
Laravel Socialite
Voir l’étude de cas
TradeSmart ·Technologie financière
Un pupitre de négociation multicourtier avec moteur de stratégies
Une console unique pour Questrade et Interactive Brokers : positions unifiées, moteur de stratégies éprouvé par backtest et exécution automatisée avec les contrôles de risque placés avant l’ordre, pas après.
Laravel 13
PHP 8.4
Blade
Tailwind CSS v4