https://github.com/halfbyte/mini_midi_demo
https://github.com/halfbyte/mini_midi_demo
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/halfbyte/mini_midi_demo
- Owner: halfbyte
- Created: 2015-04-25T12:32:23.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2015-05-06T10:08:33.000Z (almost 11 years ago)
- Last Synced: 2025-02-16T12:28:02.435Z (about 1 year ago)
- Language: HTML
- Size: 102 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web MIDI demos
Written for the JSUnconf.eu 2015 presentation "Making Noise with Web Audio and Web MIDI"
© Jan 'half/byte' Krutisch
All examples should work from local disk, so to run them, simply clone the Repo and open examples in your Browser.
## Browser Compatibility
The Web MIDI API is still pretty much a moving target so currently this only works in Chrome Canary (at least out of the box). As this was written in a hurry, I didn't try to make this running using [Chris' Web MIDI shim](https://github.com/cwilso/WebMIDIAPIShim).
## The Examples in Detail
### [minimal.html](minimal.html)
A minimal example on how to initialize the API and send and receive MIDI events.
### [monitor.html](monitor.html)
Open up the console and monitor incoming midi data. Good for debugging.
### [input.html](input.html)
A demo to drive the Web Audio API with MIDI
### [output.html](output.html)
A simple sequencer that drives any connected synthesizer.
### [canvas.html](canvas.html)
An example of driving some simple canvas drawing by MIDI commands. You probably need to adapt the MIDI controller numbers.