forked from rDrama/rDrama
1
0
Fork 0

make music only play after window.load https://stackoverflow.com/a/27300171

master
Aevann 2023-10-18 23:10:45 +03:00
parent 38f8def689
commit 0eb9af2237
2 changed files with 37 additions and 27 deletions

View File

@ -1,17 +1,19 @@
if (localStorage.getItem("music_playing") != 'true') {
const audio = document.getElementById('event-song');
addEventListener("load", () => {
const audio = document.getElementById('event-song');
audio.addEventListener('play', () => {
localStorage.setItem("music_playing", true);
audio.addEventListener('play', () => {
localStorage.setItem("music_playing", true);
})
window.addEventListener('beforeunload', () => {
localStorage.setItem("music_playing", false);
})
audio.play();
document.addEventListener('click', () => {
if (audio.paused) audio.play();
}, {once : true});
prepare_to_pause(audio)
})
window.addEventListener('beforeunload', () => {
localStorage.setItem("music_playing", false);
})
audio.play();
document.addEventListener('click', () => {
if (audio.paused) audio.play();
}, {once : true});
prepare_to_pause(audio)
}

View File

@ -6,6 +6,10 @@ audio.addEventListener('play', () => {
localStorage.setItem("music_playing", true);
})
audio.addEventListener('pause', () => {
localStorage.setItem("music_playing", false);
})
window.addEventListener('beforeunload', () => {
localStorage.setItem("music_playing", false);
})
@ -42,14 +46,16 @@ if (u_username)
}
if (!music_playing) {
play_audio(audio);
document.addEventListener('click', (e) => {
if (e.target.id.startsWith("toggle-anthem"))
return
if (audio.paused) play_audio(audio);
}, {once : true});
addEventListener("load", () => {
play_audio(audio);
document.addEventListener('click', (e) => {
if (e.target.id.startsWith("toggle-anthem"))
return
if (audio.paused) play_audio(audio);
}, {once : true});
prepare_to_pause(audio)
prepare_to_pause(audio)
})
}
}
else
@ -76,14 +82,16 @@ else
if (!paused && !music_playing)
{
play_audio(audio);
document.addEventListener('click', (e) => {
if (e.target.id.startsWith("toggle-anthem"))
return
if (audio.paused) play_audio(audio);
}, {once : true});
addEventListener("load", () => {
play_audio(audio);
document.addEventListener('click', (e) => {
if (e.target.id.startsWith("toggle-anthem"))
return
if (audio.paused) play_audio(audio);
}, {once : true});
prepare_to_pause(audio)
prepare_to_pause(audio)
})
}
}
}