Estoy tratando de hacer que cada 3 minutos, se reproduzca una nueva canción... pero no funciona y no estoy seguro de por qué... aquí está mi código,
window.onload = function(){ song(); setInterval(song, 180000); } var song1 = new Audio("music/song1.mp3"); var song2 = new Audio("music/song2.mp3"); var song3 = new Audio("music/song3.mp3"); var song4 = new Audio("music/song4.mp3"); var song5 = new Audio("music/song5.mp3"); var song6 = new Audio("music/song6.mp3"); var song7 = new Audio("music/song7.mp3"); var song8 = new Audio("music/song8.mp3"); var songNum = 1; function song(){ songNum = Math.floor(Math.random() * 8) + 1; if(songNum == 1){ song1.load(); song1.play(); } else if(songNum == 2){ song2.load(); song2.play(); } else if(songNum == 3){ song3.load(); song3.play(); } else if(songNum == 4){ song4.load(); song4.play(); } else if(songNum == 5){ song5.load(); song5.play(); } else if(songNum == 6){ song6.load(); song6.play(); } else if(songNum == 7){ song7.load(); song7.play(); } else if(songNum == 8){ song8.load(); song8.play(); } }He intentado cambiar muchas cosas, pero no puedo averiguar cuál es la causa del problema, parece funcionar a veces, pero luego salgo y vuelvo a la página y no funciona. Si conoce el problema, por favor ayude.
Encontré el problema, para cualquiera que tenga un problema similar, dejaré este comentario con la respuesta... El problema era que estaba llamando a la función antes de que el usuario interactuara con el sitio, así que todo lo que hice fue hacer que llamara después la página 'haga clic para continuar' que configuré como tutorial