A collection of web-based MIDI instruments. I wanted to create a MIDI instrument that allows me to jam with other musicians. Play MIDI with your PC keyboard, or with a touch screen.
Check out the video demos!
Original demo video at JSConf.Asia 2016
Wada Kouji - Butter-Fly (Digimon Tri Ver.) (Cover by MindaRyn)
Go to https://dtinth.github.io/midi-instruments/ using a browser that supports Web MIDI API.
Select the output MIDI port at the top-right corner. See MIDI setup section for more details.
Play and enjoy!
MIDI communicates via MIDI ports. This section describe on setting them up.
Physical MIDI ports
If you connect a physical MIDI port to your computer, no further setup is necessary.
Sending MIDI messages to another app on the same computer
You need to create a virtual MIDI cable (a.k.a. IAC driver or loopback MIDI interface).
On macOS: Open Audio MIDI Setup and go to MIDI Studio. Inside the IAC Driver, create a new Bus.
On Windows: You can use something like LoopBe1 I guess.
iOS → Mac
You can use the Web MIDI Browser app, a iOS web browser that supports Web MIDI API. Then you can set up a Bluetooth LE connection from your iDevice to Mac.
Offline iOS App
For offline playing, you can find an Xcode project in the ios folder and compile it yourself.