Tengo este JS que realiza perfectamente su función, reproduce un audio detrás de otro aleatoriamente, para retrasar el intervalo cada 10 mins, le aplico setInterval(function(){cargarJingle(aleatorios())}, 600000); Me encuentro con un efecto no deseado que no sé solucionar, cuando se presiona PLAY se reproduce un audio de la lista, lo que deseo es que se retrase 10 min. en la primera reproducción y luego continúe reproduciendo los demás cada 10 min. Lo he intentado aplicándole setInterval(function(){reproductorJingles.play()}, 600000); pero se solapa la reproducción. Alguna ayuda ó idea???. Agradecido de antemano.
var reproductorJingles = document.getElementById("jingle");
function cargarJingle(numeroJingle){
// Carga el jingle de forma dinámica
var source = reproductorJingles;
source.src = listaJingles[numeroJingle][0];
reproductorJingles.load();
// reproductorJingles.play();
setInterval(function(){reproductorJingles.play()}, 600000);
var tituloJingle = document.getElementById("tituloJingle");
tituloJingle.innerHTML = listaJingles[numeroJingle][1];
}
function aleatorios(){
return Math.round(Math.random() * (listaJingles.length - 1));
}
// Inicio listado
var lista = [["http://www.sonidosmp3gratis.com/sounds/008576979_prev.mp3", "TEST UNO"],
["http://www.sonidosmp3gratis.com/sounds/short-circuit.mp3", "TEST DOS"],
["http://www.sonidosmp3gratis.com/sounds/whistle-campana-whatsapp.mp3", "TEST TRES"],
["http://www.sonidosmp3gratis.com/sounds/mario-bros%20vida.mp3", "TEST CUATRO"],
["http://www.sonidosmp3gratis.com/sounds/messenger-tono-mensaje-.mp3", "TEST CINCO"]];
// Fin listado
let listadoJingles = document.getElementById("listadoJingles");
for (let x of listaJingles){
let item = document.createElement("li");
item.innerHTML = x[1];
listadoJingles.appendChild(item);
}
reproductorJingles.addEventListener("ended", function(){
setInterval(function(){cargarJingle(aleatorios())}, 600000); // Intervalo de reprodución, 10 mins.
});
<audio id="jingle"></audio>
<ul id="listadoJingles"></ul>
<button id="play" onclick="cargarJingle(aleatorios());">Play</button>