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/en-US/docs/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