MIDI is Staging a Comeback... In Your Browser!
0 likes168 views
The document discusses the Web MIDI API, which allows web applications to communicate with MIDI devices connected to the user's computer. It provides an overview of the API and its capabilities, such as sending and receiving MIDI messages. It also discusses polyfills that add Web MIDI support to browsers that do not natively support the API, and links to resources like a Web MIDI library and specifications.
MIDI is Staging a Comeback... In Your Browser!
- 1. Original art by Raul Taciu. Used with permission.
- 4. WEB MIDI API « the Web-MIDI API is the most signiο¬cant advancement of MIDI sinceβ¦ MIDI itself!Β Β» β midi.org Source: https://www.midi.org/articles/about-web-midi
- 5. Source: caniuse.com/#search=midi Usually based on Chromium (the open source, seed version of Chrome)
- 8. Source: caniuse.com/#search=midi natively or with plugin
- 14. Web MIDI API Polyο¬ll: http://cwilso.github.io/WebMIDIAPIShim/
- 22. #%?*&$#!
- 24. Web MIDI Library: https://github.com/cotejp/webmidi
- 27. β’ 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
- 28. Events for incoming MIDI messages β’ activesensing β’ channelaftertouch β’ channelmode β’ clock β’ continue β’ controlchange β’ keyaftertouch β’ noteoff β’ noteon β’ pitchbend β’ programchange β’ reset β’ songposition β’ songselect β’ start β’ stop β’ sysex β’ timecode β’ tuningrequest
- 32. 1988 Roland Octapad II (PAD-80)
- 37. CODE DEMO
- 52. LETβS HEAR IT OUT
- 53. HOMEWORK
- 55. 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 Speciο¬cation https://webaudio.github.io/web-midi-api/ WebMidi Library https://github.com/cotejp/webmidi Web MIDI API Polyο¬ll 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