using a real test JSON score, and enabling/disabling buttons

Author: dktr0

js/tidal.js

@@ -23,23 +23,32 @@
 
 function playWithWebDirt(button) {
      $(button).text('loading');
-     dirt.playScoreWhenReady([{sample_name: 'cp', sample_n:0, when:0}],0.05,
-       function() { $(button).text('stop') }, // readyCallback
-       function() { $(button).text('play') }  // finishedCallback
-     );
-     // dirt.loadAndPlayScore(url,0.05);
+     $(button).prop('disabled',true);
      // both of these methods will only start when all necessary samples loaded
-     // hence, the low latency setting of 50 milliseconds
+     // hence, the low latency setting of 50 milliseconds:
+     // dirt.playScoreWhenReady([{sample_name: 'cp', sample_n:0, when:0}],0.05,
+     dirt.loadAndPlayScore("testScore.json",0.05,
+       function() { // readyCallback
+         $(button).text('playing');
+         $(button).prop('disabled',true);
+       },
+       function() { // finishedCallback
+         $(button).text('play');
+         $(button).prop('disabled',false);
+       }
+     );
 }
 
 $(document).ready(function() {
   $(".render").each(function() {
     var button = $('<button/>', { text: "loading", class: "renderButton" });
+    button.prop('disabled',true);
     $(this).append(button);
   });
   dirt = new WebDirt("/WebDirt/sampleMap.json", "/samples", null, function() {
     $(".renderButton").each(function() {
       $(this).text('play');
+      $(this).prop('disabled',false);
       var button = this;
       $(this).on('click',function() {
         playWithWebDirt(button);

testScore.json

@@ -0,0 +1 @@
+[{"when":1.5,"s":"bd"},{"when":1,"s":"bd"},{"when":0.6666666666666666,"s":"bd"},{"when":0.5555555555555556,"s":"sn"},{"when":0.5,"s":"sn"},{"when":0.4444444444444444,"s":"sn"},{"when":0.3333333333333333,"s":"sn"},{"when":0,"s":"sn"},{"when":3.5,"s":"bd"},{"when":3,"s":"bd"},{"when":2.6666666666666665,"s":"bd"},{"when":2.5555555555555554,"s":"sn"},{"when":2.5,"s":"sn"},{"when":2.4444444444444446,"s":"sn"},{"when":2.3333333333333335,"s":"sn"},{"when":2,"s":"sn"},{"when":5.5,"s":"bd"},{"when":5,"s":"bd"},{"when":4.666666666666667,"s":"bd"},{"when":4.555555555555555,"s":"sn"},{"when":4.5,"s":"sn"},{"when":4.444444444444445,"s":"sn"},{"when":4.333333333333333,"s":"sn"},{"when":4,"s":"sn"},{"when":7.5,"s":"bd"},{"when":7,"s":"bd"},{"when":6.666666666666667,"s":"bd"},{"when":6.555555555555555,"s":"sn"},{"when":6.5,"s":"sn"},{"when":6.444444444444445,"s":"sn"},{"when":6.333333333333333,"s":"sn"},{"when":6,"s":"sn"}]