<!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?