plays an mp3 instead

ColemanGariety · Feb 22, 2016 · d491937 · d491937 · ColemanGariety · Feb 23, 2016
1 parent cb89e7d
commit d491937
Show file tree

Hide file tree

Showing 18 changed files with 15 additions and 4,189 deletions.
diff --git a/README.md b/README.md
@@ -11,5 +11,5 @@ notation for real musicians
 here's an inventory of "stuff we need to find first":
 
 - [x] find out "music note fonts" Finale uses and get ahold of a .ttf or .otf file of one of them (I like the Jazz font)~~
-- [ ] an open source alternative to garritan instruments for playback. MIDIjs seems to have a bunch of options (http://galacticmilk.com/midi-js/) - abc.js looks interesting (https://github.com/paulrosen/abcjs) - blog post on midi/browser problems (http://abcnotation.com/blog/2013/04/10/the-problem-with-midi/)
+- [ ] an open source alternative to garritan instruments for playback. MIDIjs seems to have a bunch of options (http://galacticmilk.com/midi-js/) - 
 - [ ] setup Gulp to compile JSX files with gulp-nodemon and gulp-react
diff --git a/app/demo.mp3 b/app/demo.mp3
diff --git a/app/index.html b/app/index.html
@@ -3,11 +3,7 @@
   <head>
     <meta charset="UTF-8">
     <title>Hello World!</title>
-    <script src='http://cwilso.github.io/WebMIDIAPIShim/lib/WebMIDIAPI.js'></script>
-    <!-- MIDIFile: Repos folder must be in the same parent folder than the MIDIPlayer one -->
-    <script src="./js/MIDIFile.js" type="text/javascript"></script>
-    <!-- MIDIPlayer -->
-    <script src="./js/MIDIPlayer.js" type="text/javascript"></script>
+    <script src="./js/howler.min.js" type="text/javascript"></script>
   </head>
   <body>
       <main></main> <!-- <main> MUST be the firstElementChild! -->

diff --git a/app/index.js b/app/index.js
@@ -7,75 +7,7 @@ const render = ReactDOM.render
 
 render(React.createElement('div', {}, 'this is just a <div> tag rendered in React. you can open command line with ALT+COMMAND+I!'), document.body.firstElementChild)
 
-var midiAccess;
-var midiPlayer;
-var outputs;
-// Requesting Midi Access
-navigator.requestMIDIAccess().then(function onsuccesscallback(access) {
-  outputs = access.outputs;
-  var iter = outputs.values();
-  var output;
-  while(output = iter.next()) {
-    if(output.done) {
-      break;
-    }
-    var opt = document.createElement('option');
-    opt.value = output.value.id;
-    opt.text = output.value.name;
-    document.getElementById('inputportselector').add(opt);
-  }
-},function onerrorcallback(err) {
-  console.log('uh-oh! Something went wrong!  Error code: ' + err.code);
-});
+var sound = new Howl({
+  urls: ['./demo.mp3']
+}).play();
 
-// File handlers
-function readFile(input) {
-	var reader = new FileReader();
-	reader.readAsArrayBuffer(input.files[0]);
-	reader.onloadend = function(event) {
-		playFile(event.target.result);
-	}
-}
-function downloadFile(input) {
-	if(!input.value)
-		return;
-	var oReq = new XMLHttpRequest();
-	oReq.open('GET', 'http://github.com/nfroidure/MIDIFile/master/sounds/' + input.value, true);
-	oReq.responseType = 'arraybuffer';
-	oReq.onload = function(oEvent) {
-		playFile(oReq.response);
-	};
-	oReq.send(null);
-}
-
-// Player
-function playFile(buffer) {
-	var outputKeys = [];
-	// testing output
-	if(outputs) {
-		// Stopping previous play if exists
-		if(midiPlayer) {
-			midiPlayer.stop();
-		}
-
-		// Creating player
-		midiPlayer = new MIDIPlayer({output: outputs.get(
-		  document.getElementById('inputportselector').value
-		)});
-
-		// creating the MidiFile instance from a buffer (view MIDIFile README)
-		midiFile = new MIDIFile(buffer);
-		midiPlayer.load(midiFile);
-
-		// Playing
-		midiPlayer.play(function() {
-			console.log('Play ended.');
-		});
-		console.log('Playing.');
-
-	} else {
-		console.log('No access to MIDI output.');
-	}
-}
-
-playFile('./demo.mid');