ajax script to get waveform data from server

Author: chrisweb

.gitignore

@@ -17,7 +17,7 @@ Thumbs.db
 desktop.ini
 
 node_modules
-examples/client/scripts/vendor
+vendor
 yeoman
 nbproject
 .sass-cache

examples/client/scripts/library/event.js

@@ -1,6 +1,7 @@
 /**
  * 
  * events manager
+ * 
  * simplified events manager based on backbone.events
  * extends this to add your own events manager
  * 
@@ -24,8 +25,6 @@ define([
      */
     var eventsManager = function eventsManagerConstructor() {
 
-        //this.events = events;
-        
         this.events = events;
 
     };
@@ -41,6 +40,12 @@ define([
      */
     eventsManager.prototype.on = function onFunction(name, callback, context) {
 
+        if (name === undefined) {
+            
+            return;
+            
+        }
+        
         var eventsContainer;
 
         if (!(name in this.events)) {
@@ -98,7 +103,11 @@ define([
      */
     eventsManager.prototype.once = function onFunction(name, callback, context) {
 
-        //console.log('once');
+        if (name === undefined) {
+            
+            return;
+            
+        }
 
         var that = this;
 

examples/client/scripts/main-test-data.js

@@ -13,16 +13,18 @@ require.config({
     paths: {
         // vendor scripts
         'jquery': 'vendor/jquery/dist/jquery',
-        'player': 'vendor/web-audio-api-player/source/player',
-        'ajax': 'vendor/web-audio-api-player/source/ajax',
-        'audio': 'vendor/web-audio-api-player/source/audio',
+
+        // player
+        'player.core': 'vendor/web-audio-api-player/source/player',
+        'player.audio': 'vendor/web-audio-api-player/source/audio',
 
         // own small event manager for this example
         'event': 'library/event',
 
         // waveform visualizer scripts
         'canvas': '../../../source/scripts/library/canvas',
-        'waveform': '../../../source/scripts/library/waveform'
+        'waveform': '../../../source/scripts/library/waveform',
+        'waveform.ajax': 'vendor/web-audio-api-player/source/ajax'
     }
 
 });
@@ -33,23 +35,20 @@ require.config({
  * 
  * @param {type} $
  * @param {type} ajax
- * @param {type} Waveform
- * @param {type} canvas
  * @param {type} audio
- * @param {type} Player
+ * @param {type} EventsManager
+ * 
  * @returns {undefined}
  */
 require([
     'jquery',
-    'ajax',
-    'waveform',
-    'canvas',
-    'audio',
-    'player'
+    'waveform.ajax',
+    'player.audio',
+    'event'
 
-], function ($, ajax, Waveform, canvas, audio, Player) {
+], function ($, ajax, audio, EventsManager) {
 
-    var addPlayer = function addPlayer(waveform, options) {
+    var addPlayer = function addPlayer(options) {
 
         // create an audio context
         var audioContext = audio.getContext();

source/scripts/library/ajax.js

@@ -0,0 +1,100 @@
+/**
+ * 
+ * ajax
+ * 
+ * @param {type} $
+ * @returns {ajax_L7.ajaxAnonym$1}
+ */
+define([
+    'jquery'
+    
+], function (
+    $
+) {
+
+    'use strict';
+    
+    /**
+     * 
+     * get the peaks data from server
+     * 
+     * @param {type} options
+     * @param {type} callback
+     * @returns {undefined}
+     */
+    var getWaveDataFromServer = function getWaveDataFromServerFunction(options, callback) {
+        
+        if (options === undefined) {
+            
+            callback('options is undefined');
+            
+        }
+        
+        if (options.trackId === undefined) {
+            
+            callback('trackId is undefined');
+            
+        }
+        
+        if (options.trackFormat === undefined) {
+            
+            callback('trackFormat is undefined');
+            
+        }
+        
+        if (options.peaksAmount === undefined) {
+            
+            callback('peaksAmount is undefined');
+            
+        }
+        
+        if (options.service === undefined) {
+            
+            callback('service is undefined');
+            
+        }
+        
+        var request = $.ajax({
+            url: '/getwavedata?trackId=' + options.trackId + '&trackFormat=' + options.trackFormat + '&peaksAmount=' + options.peaksAmount + '&service=' + options.service,
+            type: 'GET',
+            dataType: 'json'
+        });
+
+        request.done(function(data) {
+            
+            if (typeof data !== 'undefined' && data.peaks !== undefined) {
+            
+                callback(false, data.peaks);
+            
+            } else {
+                
+                if (typeof data === 'undefined' || data.error === undefined) {
+                    
+                    callback('undefined response from server');
+                    
+                } else {
+                    
+                    callback(data.error);
+                    
+                }
+        
+            }
+            
+        });
+
+        request.fail(function(jqXHR, textStatus) {
+            
+            callback(textStatus);
+            
+        });
+        
+    };
+    
+    /**
+     * public functions
+     */
+    return {
+        getWaveDataFromServer: getWaveDataFromServer
+    };
+
+});