Olivier Poncet
Directeur Technique · CTO

Pilotez vos instruments de musique depuis le navigateur

cover🔗 publié par Olivier Poncet le 24/06/2024 à 12:30

Dans cette vidéo, je vous propose de partir à la découverte du Web MIDI, API JavaScript permettant de transformer votre navigateur en contrôleur MIDI pour dialoguer avec des instruments de musique. On implémentera en Javascript un programme permettant de communiquer avec le fameux Launchpad Mini de Novation.

Sommaire du live du 24 juin 2024

  • 00:01 - Bienvenue
  • 01:40 - Web MIDI
  • 01:50 - Launchpad Mini mk2
  • 03:52 - Le squelette de l’exemple
  • 04:17 - On lance l’application JS
  • 04:39 - L’interface utilisateur
  • 05:50 - La structure du code
  • 10:04 - Demander l’accès au Web MIDI
  • 13:39 - Récupérer l’entrée du Launchpad Mini
  • 16:57 - Récupérer la sortie du Launchpad Mini
  • 20:53 - Connecter un event handler MIDI
  • 25:12 - Récupérer les données d’un message MIDI
  • 29:42 - Allumer un pad du Launchpad Mini
  • 36:45 - Réinitialiser le Launchpad Mini
  • 40:00 - Conclusion

Le live

Les liens

Le protocole MIDI :

L’API Web MIDI :

Code source de l’implémentation présentée dans le live :