[bump npm] start progress events for loading

package-lock.json

@@ -97,9 +97,9 @@
       "integrity": "sha512-2Zm07u163vwzT7VLE7y9h9oL1e3RH8CNQGIUvdE+wgl2Yo6iSZwGhIpcYRFODthEdb0vHrCyFMOATZfniq7yhw=="
     },
     "aframe-audioanalyser-component": {
-      "version": "5.0.0-beta2",
-      "resolved": "https://registry.npmjs.org/aframe-audioanalyser-component/-/aframe-audioanalyser-component-5.0.0-beta2.tgz",
-      "integrity": "sha512-e5/1EqaV3XU6I4NhjNIQcvMnuNdqZ0iI4XbSdcEDtcHBtGSfEycEaOrO5+FO6WVpaSeF3yyYl5cJFF6O/UIWbQ=="
+      "version": "5.1.0-beta",
+      "resolved": "https://registry.npmjs.org/aframe-audioanalyser-component/-/aframe-audioanalyser-component-5.1.0-beta.tgz",
+      "integrity": "sha512-0cf2zU7J1UtBLnZ4+eM7JyrgRQK0k3xGK9cZhBxm0TSk/K/Gf3447apAVMdY5sMODmqH2wTk0omCzlCgr+rD2g=="
     },
     "aframe-event-decorators": {
       "version": "1.0.2",

package.json

@@ -7,7 +7,7 @@
   },
   "dependencies": {
     "aframe-atlas-uvs-component": "^2.0.0",
-    "aframe-audioanalyser-component": "^5.0.0-beta2",
+    "aframe-audioanalyser-component": "^5.1.0-beta",
     "aframe-event-decorators": "^1.0.2",
     "aframe-event-set-component": "^4.0.1",
     "aframe-geometry-merger-component": "^2.0.0-beta1",

src/components/song.js

@@ -19,6 +19,7 @@ AFRAME.registerComponent('song', {
     this.analyserSetter = {buffer: true};
     this.audioAnalyser = this.data.analyserEl.components.audioanalyser;
     this.context = this.audioAnalyser.context;
+
     this.victory = this.victory.bind(this);
 
     // Base volume.
@@ -95,6 +96,9 @@ AFRAME.registerComponent('song', {
       }, once);
       this.analyserSetter.src = utils.getS3FileUrl(data.challengeId, 'song.ogg');
       data.analyserEl.setAttribute('audioanalyser', this.analyserSetter);
+      this.audioAnalyser.xhr.addEventListener('progress', evt => {
+        this.onFetchProgress(evt);
+      });
     });
   },
 
@@ -111,5 +115,9 @@ AFRAME.registerComponent('song', {
   victory: function () {
     if (!this.data.isPlaying) { return; }
     this.el.sceneEl.emit('victory', null, false);
+  },
+
+  onFetchProgress: function (evt) {
+
   }
 });