refactor code into a nanofun function

[nanofun.git] / nanofun.js

diff --git a/nanofun.js b/nanofun.js
index 66e6147cb4655d5b84ee151371e5508221e7f295..8e6204d6b27f470e20d69b6d59c73ebb39dd42b7 100644 (file)
--- a/nanofun.js
+++ b/nanofun.js
@@ -3,12 +3,6 @@ var NANOPAD_TOUCHS = {
   36:  8, 38:  9, 40: 10, 42: 11, 44: 12, 46: 13, 48: 14, 50: 15
 };
 
-var sample_buffers = Array(16);
-var samples = Array(16);
-var audioCtx = new window.AudioContext();
-var gainNode = audioCtx.createGain();
-gainNode.connect(audioCtx.destination);
-
 var midi = {
 
 onMIDISuccess: function(midiAccess) {
@@ -107,31 +101,12 @@ onMIDIMessage: function(message) {
     var data = message.data;
     if (data[0] == 144) { /* touch on */
       var sample_idx = NANOPAD_TOUCHS[data[1]];
-      var sample_buffer = sample_buffers[sample_idx];
-      var nanotouch = $('.nanotouch')[sample_idx];
-      if (typeof(sample_buffer) != 'undefined') {
-        console.log(samples[sample_idx]);
-        if (typeof(samples[sample_idx]) != 'undefined' && samples[sample_idx].context.state == 'running') {
-          samples[sample_idx].stop(0);
-          samples[sample_idx] = undefined;
-        } else {
-          var sample = audioCtx.createBufferSource();
-          samples[sample_idx] = sample;
-          sample.loop = false;
-          sample.connect(gainNode);
-          sample.buffer = sample_buffer;
-          sample.onended = function() {
-            console.log('ended');
-            $(nanotouch).removeClass('playing');
-            samples[sample_idx] = undefined;
-          }
-          $(nanotouch).addClass('playing');
-          sample.start(0);
-        }
-      }
+      this.onTouchOn(port, data, sample_idx);
     }
 },
 
+onTouchOn: function(port, data, sample_idx) {}
+
 };
 
 // status bytes on channel 1
@@ -236,34 +211,76 @@ var device = function(outputName) {
    return this;
 };
 
-$(function() {
-  var $nanopad = $('#nanopad');
-
-  $('.nanotouch input').on('change', function(ev) {
-    var nanotouch = $(this).parent();
-    var sample_idx = $nanopad.children().index(nanotouch);
-    var reader = new FileReader();
-    reader.onload = function(e) {
-      audioCtx.decodeAudioData(this.result, function(buffer) {
-        sample_buffers[sample_idx] = buffer;
-        $(nanotouch).find('span.duration').text(parseInt(buffer.duration) + 's');
-        $(nanotouch).removeClass('error').addClass('loaded');
-      }, function(e) {
-        $(nanotouch).find('span').text('');
-        $(nanotouch).removeClass('loaded').addClass('error');
-      });
-    }
-    reader.readAsArrayBuffer(this.files[0]);
-    $(nanotouch).find('span.name').text(this.files[0].name);
-  });
-
-  if (navigator.requestMIDIAccess) {
-    navigator.requestMIDIAccess({
-        sysex: true
-    }).then(
+var nanofun = function() {
+  var self = this;
+
+  self.initAudio = function() {
+    self.sample_buffers = Array(16);
+    self.samples = Array(16);
+    self.audioCtx = new window.AudioContext();
+    self.gainNode = self.audioCtx.createGain();
+    self.gainNode.connect(self.audioCtx.destination);
+  }
+
+  self.initMIDI = function() {
+    if (navigator.requestMIDIAccess) {
+      navigator.requestMIDIAccess({sysex: true}).then(
         function(midiAccess) { midi.onMIDISuccess(midiAccess); },
         function(e) { midi.onMIDIFailure(e); }
-    );
+      );
+    }
   }
 
-});
+  self.initUI = function() {
+    var $nanopad = $('#nanopad');
+
+    $('.nanotouch input').on('change', function(ev) {
+      var nanotouch = $(this).parent();
+      var sample_idx = $nanopad.children().index(nanotouch);
+      var reader = new FileReader();
+      reader.onload = function(e) {
+        self.audioCtx.decodeAudioData(this.result, function(buffer) {
+          sample_buffers[sample_idx] = buffer;
+          $(nanotouch).find('span.duration').text(parseInt(buffer.duration) + 's');
+          $(nanotouch).removeClass('error').addClass('loaded');
+        }, function(e) {
+          $(nanotouch).find('span').text('');
+          $(nanotouch).removeClass('loaded').addClass('error');
+        });
+      }
+      reader.readAsArrayBuffer(this.files[0]);
+      $(nanotouch).find('span.name').text(this.files[0].name);
+    });
+
+    midi.onTouchOn = function(port, data, sample_idx) {
+      var sample_buffer = self.sample_buffers[sample_idx];
+      var nanotouch = $('.nanotouch')[sample_idx];
+      if (typeof(sample_buffer) != 'undefined') {
+        if (typeof(samples[sample_idx]) != 'undefined' && samples[sample_idx].context.state == 'running') {
+          self.samples[sample_idx].stop(0);
+          self.samples[sample_idx] = undefined;
+        } else {
+          var sample = self.audioCtx.createBufferSource();
+          self.samples[sample_idx] = sample;
+          sample.loop = false;
+          sample.connect(gainNode);
+          sample.buffer = sample_buffer;
+          sample.onended = function() {
+            console.log('ended');
+            $(nanotouch).removeClass('playing');
+            self.samples[sample_idx] = undefined;
+          }
+          $(nanotouch).addClass('playing');
+          sample.start(0);
+        }
+      }
+    }
+  }
+
+  self.initAudio();
+  self.initMIDI();
+  self.initUI();
+
+}
+
+$(function() { nanofun(); });