Changeset 28548 for gs3-extensions/web-audio/trunk/js-dsp/frequency-plotter.js

Timestamp:

2013-10-29T13:27:04+13:00 (10 years ago)

Author:

davidb

Message:

Changes after developing the demo for the SMAM-2013 keynote talk

File:

• gs3-extensions/web-audio/trunk/js-dsp/frequency-plotter.js (modified) (7 diffs)

gs3-extensions/web-audio/trunk/js-dsp/frequency-plotter.js

@@ -35 +35 @@
     this.ctx = canvas.getContext('2d');
     this.label_ctx = label_canvas.getContext('2d');
+    this.canvas_saved_img = null;
+
+    var image_server_url = "http://localhost:8181/greenstone3/cgi-bin/image-server.pl?a=load&c="+gs.cgiParams.c
+    +"&d="+gs.cgiParams.d+"&site="+gs.xsltParams.site_name;
+    var canvas_load_data = { a: "load", 
+                 d: gs.cgiParams.d, 
+                 c: gs.cgiParams.c, 
+                 site: gs.xsltParams.site_name };
+
+    var outerThis = this;
+    var jqxhr = $.ajax(image_server_url)
+    .done(function(imagedata) {
+        var check_prefix = imagedata.toString().substring(0, 5);
+        if (check_prefix == "data:") {
+        console.log("Loaded in previously stored self-similarity map");
+        outerThis.canvas_saved_img = document.createElement("img");
+        outerThis.canvas_saved_img.src = imagedata;
+        }
+    })
+    .fail(function() {
+        console.log("No currently stored self-similarity map for this document");
+    });
+
 
     this.plotMapping[activeWorkflow.chromaCpt.transformMode](this);
@@ -41 +64 @@
     this.prevXLineMaxArray = null;
     this.plottedDataBuffer = new Array();
+
+    this.printedOutOfDataWarning = false;
 
 };
@@ -182 +207 @@
     }
     else {
-    console.error("FrequencyPlotter::plotVisualLine(): No data to play for event time: " + eventTime);
+    if (!this.printedOutOfDataWarning) {
+        console.error("FrequencyPlotter::plotVisualLine(): No data to play for event time: " + eventTime + "\n"
+              + "(Supressing subsequent error messages of this type)");
+        this.printedOutOfDataWarning = true;
+    }
+
     }
 
@@ -230 +260 @@
 
 
+FrequencyPlotter.prototype.hasStoredSelfSimilarityMatrix  = function() {
+    return this.canvas_saved_img != null;
+}
+
+FrequencyPlotter.prototype.plotStoredSelfSimilarityMatrix  = function() {
+
+    this.ctx.drawImage(this.canvas_saved_img,0,0);
+    //var img_data    = canvas.toDataURL("image/png");
+}
+
 
 FrequencyPlotter.prototype.plotSelfSimilarityMatrix  = function(ssm,pausePerc) {
@@ -236 +276 @@
     var num_frames = ssm.length;
 
+    console.log("plotSelfSimilarityMatrex: num_frames = " + num_frames + ", pausePerc = " + pausePerc);
     var activeWidth  = this.fudgeWidth * pausePerc;
     var activeHeight = this.height * pausePerc;
@@ -241 +282 @@
     var x_scale = activeWidth / num_frames;
     var y_scale = activeHeight / num_frames;
-
     var x_width  = Math.ceil(x_scale);
     var y_height = Math.ceil(y_scale);
@@ -282 +322 @@
     else {
         outerThis.progress = 100;
+
+        if ((jsMadProcessing == null) ||
+        ((jsMadProcessing != null) && jsMadProcessing.processingFinished())) {
+
+        var canvas = document.getElementById("freq-plot" );
+        var img_data    = canvas.toDataURL("image/png");
+
+        outerThis.canvas_saved_img = document.createElement("img");
+        outerThis.canvas_saved_img.src = img_data;
+
+
+        var image_server_url = "http://localhost:8181/greenstone3/cgi-bin/image-server.pl";
+
+        var canvas_save_data = { a: "save", 
+                     d: gs.cgiParams.d, 
+                     c: gs.cgiParams.c, 
+                     site: gs.xsltParams.site_name, 
+                     imagedata: img_data };
+
+        $.post(image_server_url, canvas_save_data).done(function( data ) {
+            console.log( "Image data saved " );
+        });
+/*
+        $.ajax({
+            type: "POST",
+            url: url,
+            data: { "a" : "save" }
+            success: success,
+            dataType: dataType
+        });
+*/
+
+        console.log("Done save");
+
+        }   
     }
     })(this);