Le but de cet exercice est de controller des paramètres et flux Web Audio à l'aide d'un controller Midi hardware via l'API Web Midi.
- Utiliser le navigateur Chrome / Chromium
- Dans Chrome / Chromium, saissez l'adresse : chrome://flags/ et activer 'Experimental JavaScript' (#enable-javascript-harmony)
- Avoir python d'installé
- A la racine du dossier de l'exercice, lancer un serveur web local :
python -m SimpleHTTPServer 8001(python 2)python -m http.server 8001(python 3)
Cette commande lance un web serveur accessible depuis votre navigateur à cette adresse : http://localhost:8001
- Connecter votre clavier Midi à un port USB de votre ordinateur et allumer le
- Ouvrir votre éditeur de texte préféré
- Editer le fichier exo/js/script.js
- Définir le contexte Web Audio (cf https://www.w3.org/TR/webaudio/)
- Initialiser le Web Midi (cf https://www.w3.org/TR/webmidi/)
- Lister les controllers Midi dans la console javascript
- Afficher dans la console les messages Midi de votre controller
- En utilisant la class
BufferLoaderdu fichierscript.js, instancier les samples de batterie (dossiersamples) en tant que source Web Audio - Remplir la méthode
playSoundqui permettra de jouer un sample bufferisé (source), à connecter à un noeud de destination audio - Déclencher les samples de batterie à partir de notes Midi que vous aurez choisis
- Ajouter un filtre Biquad entre le noeud source et de destination
- Relier ce filtre à un "controller continue" (potentiomètre) de votre clavier
http://webaudio.github.io/web-midi-api/
https://developer.mozilla.org/fr/docs/Web/API/Web_Audio_API
https://webaudio.github.io/web-audio-api/
http://www.opensound.com/pguide/midi/midi5.html
https://ccrma.stanford.edu/~craig/articles/linuxmidi/misc/essenmidi.html
https://www.nyu.edu/classes/bello/FMT_files/9_MIDI_code.pdf