From 5b8e13d69d5acf010647b086d3e4137bd45666ae Mon Sep 17 00:00:00 2001 From: Kevin Ngo Date: Fri, 12 Oct 2018 18:01:01 -0700 Subject: [PATCH] [bump npm] start progress events for loading --- package-lock.json | 6 +++--- package.json | 2 +- src/components/song.js | 8 ++++++++ 3 files changed, 12 insertions(+), 4 deletions(-) diff --git a/package-lock.json b/package-lock.json index e2f5f0d..7fa4453 100644 --- a/package-lock.json +++ b/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", diff --git a/package.json b/package.json index 46d46c3..0546447 100644 --- a/package.json +++ b/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", diff --git a/src/components/song.js b/src/components/song.js index 50f0a67..8a90ccf 100644 --- a/src/components/song.js +++ b/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) { + } });