deac/MIDI.js
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

close bug posted by 8362923

Browse source
This commit is contained in:
Michael Deal 2012-06-03 16:00:45 -07:00
parent e31044b6b8
commit ecac1d514e
3 changed files with 19 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
MIDIPlayer.css → index.css
View file

23
MIDIPlayer.html → index.html
View file

@ -4,7 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>MIDI.js - Sequencing in Javascript.</title>
<!-- soundfont.js css -->
<link href="./MIDIPlayer.css" rel="stylesheet" type="text/css" />
<link href="./index.css" rel="stylesheet" type="text/css" />
<!-- soundfont.js package -->
<script src="./js/Color.js" type="text/javascript"></script>
<script src="./js/Event.js" type="text/javascript"></script>
@ -48,12 +48,12 @@
</div>
<div id="title" style="background: rgba(255,255,0,0.5); position: relative;color: #000; z-index: -1;padding: 5px 11px 5px;">Loading API...</div>
<h3 style="margin: 0">What&rsquo;s all this hubub?</h3>
<p><b><a href="https://github.com/mudx/MIDI.js">MIDI.js</a></b> (on github) ties together, and builds upon frameworks that bring MIDI generation to the browser.
<p><b><a href="https://github.com/mudcube/MIDI.js">MIDI.js</a></b> (on github) ties together, and builds upon frameworks that bring MIDI generation to the browser.
Combine it with <a href="https://github.com/gasman/jasmid">jasmid</a> to create a web-radio MIDI stream similar to this demo...
or with <a href="https://github.com/mrdoob/three.js/">Three.js</a>, <a href="https://github.com/zz85/sparks.js/">Sparks.js</a>, or <a href="http://glsl.heroku.com/">GLSL</a> to create Audio/visual experiments.
Piano/guitar simulations, Drum machines, MIDI recording, and all kinds of certified funkitude is within your grasps!
<p><a href="https://www.google.com/chrome">Google Chrome</a> is recommended for best listening experience, it&rsquo;s timing perfection! Firefox and Safari can both perform a bit more like the piano has been drinking, arrr.</p>
<p>Carpe beerum, and <a href="https://github.com/mudx/MIDI.js">commandeer</a> yer own copy!</p>
<p>Carpe beerum, and <a href="https://github.com/mudcube/MIDI.js">commandeer</a> yer own copy!</p>
<h3>Description of package;</h3>
<li><a href="./js/MIDI.loadPlugin.js">MIDI.loadPlugin.js</a>: &nbsp;Decides which framework is best to use, and sends request.</li>
<li class="indent">
@ -126,14 +126,27 @@ MIDI.Player.setAnimation(function(data) {
<li><a href="https://github.com/gasman/jasmid">jasmid</a>: &nbsp;Reads MIDI file byte-code, and translats into a Javascript array.</li>
<li><a href="http://blog.danguer.com/2011/10/24/base64-binary-decoding-in-javascript/">base642binary.js</a>: &nbsp;Cleans up XML base64-requests for Web Audio API.</li>
<h3>Example(s): &nbsp;<a href="http://twitter.com/mudcube">Tweet</a> me your app to be included!</h3>
<li class="indent square">
<a href="http://qiao.github.com/euphony/">Euphony</a><br>3D visualization of a piano with notes dropping from the sky.
<br>Coded by <a href="https://github.com/qiao/">Qiao</a>.</li>
<hr size=1 style="opacity: 0.25;">
<li class="indent square">
<a href="http://mudcu.be/piano/">Color Piano</a><br>Learn piano songs without reading sheet music.
<br>Coded by <a href="http://mudcu.be/">mud</a>.</li>
<hr size=1 style="opacity: 0.25;">
<li class="indent square">
<a href="https://chrome.google.com/webstore/detail/khomgpcobndmjkfpoccmfnimbghlciea">Guitar Player</a><br>Learn how to play chords on the guitar.
<br>Coded by <a href="http://mudcu.be/">mud</a>.</li>
<a href="http://labs.uxmonk.com/simon-says/">Simon Says</a><br>This app will play a simple melody, and you try to play it back.
<br>Coded by <a href="http://uxmonk.com/">uxmonk</a>.</li>
<hr size=1 style="opacity: 0.25;">
<li class="indent square">
<a href="http://labs.uxmonk.com/brite-lite/">Brite Lite</a><br>Digital Lite-Brite with sound!
<br>Coded by <a href="http://uxmonk.com/">uxmonk</a>.</li>
<hr size=1 style="opacity: 0.25;">
<li class="indent square">
<a href="http://mudcu.be/midi-js/WhitneyMusicBox.html">Whitney Music Box</a><br>Beautiful HTML5 simulation of a Whitney Music Box.
<br>Coded by <a href="http://www.krazydad.com/">KrazyDad</a>.</li>

2
js/MIDI.Player.js
View file

@ -123,7 +123,7 @@ root.loadFile = function (file, callback) {
for (var z = 0; z < mx; z++) {
ff[z] = scc(t.charCodeAt(z) & 255);
}
var data = window.atob(ff.join(""));
var data = ff.join("");
root.currentData = data;
root.loadMidiFile();
if (callback) callback(data);