midi is staging a comeback... in your browser!
TRANSCRIPT
![Page 2: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/2.jpg)
![Page 3: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/3.jpg)
![Page 4: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/4.jpg)
WEB MIDI API« the Web-MIDI API is
the most significant advancement of MIDI since… MIDI itself! »
— midi.org
Source: https://www.midi.org/articles/about-web-midi
![Page 5: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/5.jpg)
Source: caniuse.com/#search=midi
Usually based on Chromium (the open source, seed version of Chrome)
![Page 7: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/7.jpg)
![Page 10: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/10.jpg)
![Page 11: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/11.jpg)
![Page 12: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/12.jpg)
![Page 14: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/14.jpg)
Web MIDI API Polyfill: http://cwilso.github.io/WebMIDIAPIShim/
![Page 15: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/15.jpg)
![Page 16: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/16.jpg)
![Page 17: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/17.jpg)
![Page 18: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/18.jpg)
Source: https://www.midi.org/specifications/item/table-2-expanded-messages-list-status-bytes
![Page 19: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/19.jpg)
![Page 20: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/20.jpg)
![Page 21: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/21.jpg)
![Page 22: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/22.jpg)
#%?*&$#!
![Page 25: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/25.jpg)
![Page 26: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/26.jpg)
![Page 27: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/27.jpg)
• decrementRegisteredParameter • incrementRegisteredParameter • playNote • send • sendActiveSensing • sendChannelAftertouch • sendChannelMode • sendClock • sendContinue • sendControlChange • sendKeyAftertouch • sendPitchBend • sendProgramChange • sendReset • sendSongPosition
• sendSongSelect • sendStart • sendStop • sendSysex • sendTimecodeQuarterFrame • sendTuningRequest • setMasterTuning • setModulationRange • setNonRegisteredParameter • setPitchBendRange • setRegisteredParameter • setTuningBank • setTuningProgram • stopNote
Functions for outgoing MIDI messages
![Page 28: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/28.jpg)
Events for incoming MIDI messages
• activesensing • channelaftertouch • channelmode • clock • continue • controlchange • keyaftertouch • noteoff • noteon • pitchbend
• programchange • reset • songposition • songselect • start • stop • sysex • timecode • tuningrequest
![Page 30: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/30.jpg)
THIS SLIDE INTENTIONALLY
LEFT BLACK
![Page 31: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/31.jpg)
![Page 32: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/32.jpg)
1988
Roland Octapad II (PAD-80)
![Page 33: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/33.jpg)
![Page 34: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/34.jpg)
![Page 35: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/35.jpg)
![Page 36: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/36.jpg)
![Page 37: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/37.jpg)
CODE DEMO
![Page 38: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/38.jpg)
![Page 39: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/39.jpg)
![Page 40: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/40.jpg)
![Page 41: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/41.jpg)
![Page 42: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/42.jpg)
![Page 43: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/43.jpg)
![Page 44: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/44.jpg)
![Page 45: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/45.jpg)
![Page 46: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/46.jpg)
![Page 47: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/47.jpg)
![Page 48: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/48.jpg)
![Page 49: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/49.jpg)
![Page 50: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/50.jpg)
![Page 51: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/51.jpg)
![Page 52: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/52.jpg)
LET’S HEAR IT OUT
![Page 53: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/53.jpg)
HOMEWORK
![Page 54: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/54.jpg)
![Page 55: MIDI is Staging a Comeback... In Your Browser!](https://reader031.vdocuments.site/reader031/viewer/2022030311/58ee8a871a28abd6458b4577/html5/thumbnails/55.jpg)
Vote for Web MIDI API Support in Microsoft Edge https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6508429-web-midi-api
Follow Web MIDI Development in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=836897
Web MIDI API Specification https://webaudio.github.io/web-midi-api/
WebMidi Library https://github.com/cotejp/webmidi
Web MIDI API Polyfill http://cwilso.github.io/WebMIDIAPIShim/
Web MIDI API Shim for iOS https://github.com/mizuhiki/WebMIDIAPIShimForiOS
Web MIDI Browser http://www.taktech.org/takm/WebMIDIBrowser/
Tone.js Web Audio Framework https://github.com/Tonejs/Tone.js/
Code From This Talk https://github.com/cotejp/web-unleashed-2016-midi-talk