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

fix beat syncing using accurate song time, prevent bug from using vars-on-top style

Browse Source
This commit is contained in:
Kevin Ngo
2018-10-25 07:33:43 -07:00
parent 2316dccdce
commit dde7eaf63d
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/beat-loader.js
View File

@@ -133,19 +133,21 @@ AFRAME.registerComponent('beat-loader', {
* Generate beats and stuff according to timestamp.
*/
tick: function (time, delta) {
const beatsTime = this.beatsTime;
var i;
var noteTime;
if (!this.data.isPlaying || !this.data.challengeId || !this.beatData) { return; }
// Re-sync song with beats playback.
if (this.beatsTimeOffset !== undefined &&
this.songCurrentTime !== this.el.components.song.context.currentTime) {
this.songCurrentTime = this.el.components.song.context.currentTime;
const songComponent = this.el.components.song;
const currentTime = songComponent.context.currentTime - songComponent.songStartTime;
if (songComponent.songStartTime && this.beatsTimeOffset !== undefined &&
this.songCurrentTime !== currentTime) {
this.songCurrentTime = currentTime;
this.beatsTime = (this.songCurrentTime + this.data.beatAnticipationTime) * 1000;
}
const beatsTime = this.beatsTime;
const bpm = this.beatData._beatsPerMinute;
const msPerBeat = 1000 * 60 / this.beatData._beatsPerMinute;

2
src/components/song.js
View File

@@ -22,6 +22,7 @@ AFRAME.registerComponent('song', {
this.audioAnalyser = this.data.analyserEl.components.audioanalyser;
this.context = this.audioAnalyser.context;
this.songLoadingIndicator = document.getElementById('songLoadingIndicator');
this.songStartTime = 0;
this.victory = this.victory.bind(this);
@@ -194,6 +195,7 @@ AFRAME.registerComponent('song', {
startAudio: function () {
const gain = this.audioAnalyser.gainNode.gain;
gain.setValueAtTime(BASE_VOLUME, this.context.currentTime);
this.songStartTime = this.context.currentTime;
this.source.start();
}
});