Web Audio et Web MIDI — IRCAM
Web Audio et Web MIDI — master ATIAM, IRCAM.
De 2017 à 2019, j’ai donné un cours au master ATIAM de l’IRCAM sur le traitement et le contrôle du son dans le navigateur. Deux travaux pratiques guidaient les étudiants dans la construction d’instruments de musique pour le web, de l’entrée audio jusqu’au contrôle par une interface physique.
| Format | cours et 2 travaux pratiques |
| Niveau | Master 2 — ATIAM, IRCAM |
| Période | 2017-2019 |
| Outils | Web Audio API, Web MIDI API, JavaScript, Pizzicato.js |
TP 1 — Kaoss Pad : des effets en temps réel à la souris
Inspiré du contrôleur Korg Kaoss Pad, l’exercice capte le micro de l’ordinateur avec la Web Audio API et le fait passer dans une chaîne d’effets : Ping Pong Delay, filtres passe-bas et passe-haut, avec Pizzicato.js. Les étudiants relient ensuite les mouvements de la souris aux paramètres sonores : l’axe X pilote le feedback du delay, l’axe Y la fréquence des filtres.
L’exercice se conclut par une analyse critique du dispositif : latence, jouabilité en situation de concert, clics audio, charge CPU.
TP 2 — Drum Pad : piloter Web Audio avec un clavier MIDI
Le second exercice relie le matériel musical au navigateur grâce à la Web MIDI API. Les étudiants détectent les contrôleurs MIDI connectés, interprètent les messages entrants, chargent des samples de batterie dans des buffers Web Audio et les déclenchent à partir des notes MIDI. Ils ajoutent enfin un filtre biquad, piloté en continu par un potentiomètre du clavier (Control Change).
Compétences abordées
- Web Audio API : contexte, sources, nœuds, buffers.
- Web MIDI API : détection des contrôleurs, lecture des messages.
- JavaScript événementiel.
- Synthèse et filtrage audio.
- Mapping geste / son.
- Performances audio en temps réel : les mesurer et les évaluer.