juni/junisaber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

loading ring, improve loading states

Browse Source
This commit is contained in:
Kevin Ngo
2018-10-25 02:08:14 -07:00
parent e0f19e7f95
commit 9c790b9221
7 changed files with 4436 additions and 356 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/song.js
View File

@@ -86,8 +86,15 @@ AFRAME.registerComponent('song', {
}, ONCE);
this.analyserSetter.src = utils.getS3FileUrl(data.challengeId, 'song.ogg');
data.analyserEl.setAttribute('audioanalyser', this.analyserSetter);
// Already loaded.
if (this.audioAnalyser.xhr.response) {
this.songLoadingIndicator.setAttribute('material', 'progress', 1);
this.el.sceneEl.emit('songfetchfinish', null, false);
return;
}
this.audioAnalyser.xhr.addEventListener('progress', evt => {
// Finished fetching.
this.onFetchProgress(evt);
});
});
@@ -110,8 +117,10 @@ AFRAME.registerComponent('song', {
onFetchProgress: function (evt) {
const progress = evt.loaded / evt.total;
this.songLoadingIndicator.setAttribute('geometry', 'thetaLength', progress * 360);
if (progress >= 1) { this.el.sceneEl.emit('songfetchfinish', null, false); }
this.songLoadingIndicator.setAttribute('material', 'progress', progress);
if (progress >= 1) {
this.el.sceneEl.emit('songfetchfinish', null, false);
}
},
onGameOver: function () {