audio metoda click()

0
<!doctype html>
<html>
     <head>
          <meta charset="UTF-8" />
          <title>Tytuł strony...</title>
     </head>
     <body>
            <div id="lista_mp3">
                <p>mp3/the_patients_heart_is_beating_very_fast.mp3</p>
                <p>mp3/get_across.mp3</p>
            </div>
            <audio id="player" controls autoplay src="mp3/the_patients_heart_is_beating_very_fast.mp3"></audio>
            <script>
                var lista_mp3 = document.getElementById("lista_mp3");
                var audio = document.getElementById("player");
                var paragrafy = lista_mp3.querySelectorAll("p");
                lista_mp3.addEventListener("click",function(e){
                    audio.src=e.target.innerHTML;
                    audio.playbackRate = 0.5;
                    audio.play();
                },true);
                setTimeout(function(){paragrafy[0].click();},4000);
                setTimeout(function(){paragrafy[1].click();},8000);

            </script>
     </body>
</html>

Witam.

Kiedy klikam "ręcznie" w te dwa paragrafy wszystko działa. Plik mp3 jest podmieniany i muzyka gra ;).
Niestety kiedy użyję metody click() audio nie jest uruchamiane. setTimeout odpala funkcję, podmienia adres mp3 ale
dźwięk nie jest uruchamiany. Co ciekawe kiedy przed wywołaniem setTimeout kliknę ręcznie któryś z paragrafów lub
play to metoda click() uruchamia audio. O co chodzi? Ktoś wie?

1

https://developer.mozilla.org[...]Web/API/HTMLMediaElement/play

If the user agent is configured not to allow automatic or script-initiated playback of media, calling play() will cause the returned promise to be immediately rejected with a "NotAllowedError".

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0