2023-04-18 01:40:26 +10:00
|
|
|
const backgroundAudio = document.getElementById("backgroundAudio");
|
2023-04-18 19:17:40 +10:00
|
|
|
const playPauseButton = document.getElementById("playPause");
|
|
|
|
let audioPlaying = false;
|
2023-04-18 01:40:26 +10:00
|
|
|
|
2023-04-18 03:33:53 +10:00
|
|
|
const playPauseAudio = () => {
|
|
|
|
if (audioPlaying === true) {
|
|
|
|
playPauseButton.innerHTML = playPauseButton.innerHTML.replace('pause', 'play');
|
|
|
|
backgroundAudio.pause();
|
|
|
|
audioPlaying = false;
|
|
|
|
} else {
|
|
|
|
playPauseButton.innerHTML = playPauseButton.innerHTML.replace('play', 'pause');
|
|
|
|
backgroundAudio.play();
|
|
|
|
audioPlaying = true;
|
|
|
|
}
|
2023-04-18 01:40:26 +10:00
|
|
|
};
|
|
|
|
|
|
|
|
const stopAudio = () => {
|
|
|
|
backgroundAudio.currentTime = 0;
|
2023-04-18 03:33:53 +10:00
|
|
|
audioPlaying = true;
|
|
|
|
playPauseAudio();
|
|
|
|
};
|
|
|
|
|
|
|
|
const begin = () => {
|
2023-04-18 19:17:40 +10:00
|
|
|
// Switch credits to media controls
|
|
|
|
document.querySelector('#begin').id = 'beginOff';
|
|
|
|
for (let element of document.querySelectorAll('.credits')) {
|
|
|
|
element.id = 'creditsOff';
|
|
|
|
}
|
2023-04-19 16:44:10 +10:00
|
|
|
setTimeout(() => {
|
|
|
|
for (let element of document.querySelectorAll('.headphonesOff')) {
|
|
|
|
element.className = 'headphonesOn';
|
|
|
|
}
|
|
|
|
}, 500);
|
|
|
|
setTimeout(() => {
|
|
|
|
for (let element of document.querySelectorAll('.headphonesOn')) {
|
|
|
|
element.className = 'headphonesOff';
|
|
|
|
}
|
|
|
|
}, 4500);
|
2023-04-18 19:17:40 +10:00
|
|
|
setTimeout(() => {
|
|
|
|
for (let element of document.querySelectorAll('.credits')) {
|
|
|
|
element.style.display = 'none';
|
|
|
|
}
|
|
|
|
for (let element of document.querySelectorAll('.controlButtonOff')) {
|
|
|
|
element.className = 'controlButtonOn';
|
|
|
|
}
|
2023-04-19 16:44:10 +10:00
|
|
|
playPauseAudio()
|
|
|
|
}, 7000);
|
2023-04-18 01:40:26 +10:00
|
|
|
};
|