Autoplay when page loads | SpeakJS | Page 1

halcyon basin Jul 2, 2023, 1:42 AM

#

Hi im making a loading screen and i want to make it auto play when the page opens can some1 help me?

#

window.onload = 
    function auto() {
        musicContainer.classList.add('play');
        playBtn.querySelector('i.fas').classList.remove('fa-play');
        playBtn.querySelector('i.fas').classList.add('fa-pause');
      
        audio.play();
        audio.volume = 0.3;
      }

#

i tried this

#

but dint work

#

the idea is that this starts autoplaying

#

this is the css code

#

📎 message.txt

unborn ermine Jul 2, 2023, 1:50 AM

#

Not sure if this is your issue, but many browsers block autoplay because users don't want things to just start playing and making noise on load. Something to consider.

halcyon basin Jul 2, 2023, 1:51 AM

#

let me do a quick test

#

im gonna try this code
// Call playSong() when the page loads
window.addEventListener('load', playSong);
bcs its a loading screen so it can work i guess

unborn ermine Jul 2, 2023, 1:53 AM

#

There's also rules on when it's allowed in chrome for example. But I don't remember the criteria

halcyon basin Jul 2, 2023, 1:54 AM

#

for a loading screen in a game

unborn ermine Jul 2, 2023, 1:55 AM

#

https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide#autoplay_availability

halcyon basin Jul 2, 2023, 2:01 AM

#

i think i got it working

#Autoplay when page loads