Player -- in progress

javascript/JZZ.midi.STY.js

@@ -507,6 +507,12 @@
     for (var k in Player.prototype) if (Player.prototype.hasOwnProperty(k)) self[k] = Player.prototype[k];
     return self;
   }
+  Player.prototype.play = function() {
+    this.playing = true;
+  };
+  Player.prototype.stop = function() {
+    this.playing = false;
+  };
 
   JZZ.MIDI.STY = STY;
 });

package.json

@@ -25,7 +25,7 @@
     "grunt-contrib-uglify": "^5.2.2",
     "jzz-gui-select": "^1.0.9",
     "jzz-midi-gm": "^1.3.3",
-    "jzz-synth-tiny": "^1.3.5",
+    "jzz-synth-tiny": "^1.3.6",
     "mocha": "^10.2.0",
     "nyc": "^15.1.0"
   },

test.html

@@ -46,6 +46,7 @@ <h1>Style View</h1>
 var div = document.createElement('div');
 var playbtn = document.createElement('button');
 playbtn.innerHTML = '▶';
+playbtn.onclick = play;
 div.appendChild(playbtn);
 var counter = document.createElement('span');
 counter.className = 'cntr';
@@ -65,11 +66,18 @@ <h1>Style View</h1>
 var display = document.createElement('div');
 panel.appendChild(display);
 var gui;
+var player;
 
 var part = [
   'Intro A', 'Intro B', 'Intro C', 'Intro D', 'Main A',  'Main B',  'Main C',  'Main D',
   'Fill In AA', 'Fill In BB', 'Fill In CC', 'Fill In DD', 'Fill In BA', 'Ending A', 'Ending B', 'Ending C', 'Ending D'
 ];
+function play() {
+  if (player) {
+    if (player.playing) player.stop();
+    else player.play();
+  }
+}
 function soon() { alert('Coming soon...'); }
 function add_buttons(a) {
   var i, b;
@@ -101,13 +109,20 @@ <h1>Style View</h1>
 function load_sty(data) {
   try {
     var sty = new STY(data);
+    player = sty.player();
     display_sty(sty);
     update_controls(sty);
   }
   catch (err) { alert(err.message); }
 }
-function display_sty(sty) {
+function cleanup() {
   display.innerHTML = '';
+  if (player) {
+    player.stop();
+    player = undefined;
+  }
+}
+function display_sty(sty) {
   gui = new Cell(display, 0, 'Style', sty.name, sty, populate);
   gui.expand();
 }