trent/fcc-challenges
1
0
Fork 0
mirror of https://github.com/TrentSPalmer/fcc-challenges.git synced 2025-07-04 18:13:15 -07:00
Code Issues Projects Releases Wiki Activity

drum-machine make metronome continue on volume, sound, or bpm change

Browse Source
This commit is contained in:
Trent Palmer
2020-05-29 12:28:59 -07:00
parent 14e3f33729
commit 09f76acd55
3 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
drum-machine/drumMachine.js
View File

@ -138,17 +138,31 @@ const playSample = (key) => {
const metronome = (key) => {
let keyDuration = parseInt(sessionStorage.getItem(key+'metronomeTempo'));
const sound = document.getElementById(key);
const soundFile = sound.src.slice(36);
const volumeOffSet = sessionStorage.getItem(key+'volume');
sound.volume = getVolume(key);
sound.play();
let refreshMetronome = setInterval(function(){
keyDuration = parseInt(sessionStorage.getItem(key+'metronomeTempo'));
const newKeyDuration = parseInt(sessionStorage.getItem(key+'metronomeTempo'));
sound.pause();
sound.currentTime = 0;
sound.volume = getVolume(key);
sound.play();
if (volumeOffSet !== sessionStorage.getItem(key+'volume')) {
clearInterval(refreshMetronome);
metronome(key);
}
if (soundFile !== sessionStorage.getItem(key)) {
clearInterval(refreshMetronome);
metronome(key);
}
if (sessionStorage.getItem(key + 'metronomeIsPlaying') === 'false') {
clearInterval(refreshMetronome);
}
if (newKeyDuration !== keyDuration) {
clearInterval(refreshMetronome);
metronome(key);
}
},keyDuration);
};