Skip to main content

February 16, 20121 min read

MIDI.js

MIDI.js (on github) ties together, and builds upon frameworks that bring MIDI generation to the browser. Combine MIDI.js with jasmid to create a web radio MIDI stream similar to this demo… or with Three.js, Sparks.js, or...

Miko Meow

Miko Meow

Journal author

MIDI.js

MIDI.js (on github) ties together, and builds upon frameworks that bring MIDI generation to the browser. Combine MIDI.js with jasmid to create a web-radio MIDI stream similar to this demo… or with Three.js, Sparks.js, or GLSL to create Audio/visual experiments. Piano/guitar simulations, Drum machines, MIDI recording, and all kinds of certified funkitude are within your grasps (with a little elbow grease)!

Google Chrome is recommended for best listening experience, it has timing perfection. Firefox and Safari can both perform a bit more like the piano has been drinking, arrr.

Carpe beerum, and commandeer yer own copy!

The Jack the Tunafish artwork was designed by my mom, Boni Deal; http://bonideal.com/

View a live demo of the github project; /midi-js/

Please report issues and bugs on Github or here, many thanks!

Tags

Email

Related entries

Aug 19, 2010 Dynamic MIDI generation in the browser UPDATE: This project has been cancelled. The MIDIBridge took this idea much further; see the archived project page on the Wayback Machine. Have you ever wanted to use MIDI in your Javascript or Flash project? It’s been a...Nov 28, 2011 HTML5: SoundFonts Color Piano Theory is now available on the Chrome Webstore. There haven’t been any major UI overhauls since last reported, but there has been a lot of work going on the back end! Most importantly moving from the Java int...Dec 28, 2011 Color Piano 2.0 Learn how to play piano songs by watching notes fall towards the keyboard as color blocks; similar to how Guitar Hero works, but with a real instrument. Color piano Theory (CPT) ties together chords, scales, inversions,...