Estoy trabajando en un reproductor de audio de código morse. Toco cada sonido con esta función:
function playSound(n: number): void{ if(n === 0){ let sound = new Audio("../audio/short.mp3"); sound.play(); } else if(n === 1){ let sound = new Audio("../audio/long.mp3"); sound.play(); } else{ let sound = new Audio("../audio/break.mp3"); sound.play(); }Lo llamo aquí:
for (let j = 0; j < nummers.length; j++){ playSound(nummers[j]); }Pero cuando llamo a esta función varias veces, el sonido se reproduce en paralelo. ¿A quién puedo jugar uno tras otro?
¿Has mirado setTimeout ? Esto puede darle la posibilidad de esperar antes de llamar a otra función. En ese momento, la siguiente función podría reproducir el siguiente sonido.
Por ejemplo:
function playSound1() { let sound = new Audio("../audio/short.mp3"); sound.play(); setTimeout(playSound2, 1000); /* This is in milliseconds (so 1 second) -- you should change this to correspond with how long short.mp3 is */ } function playSound2() { let sound = new Audio("../audio/long.mp3"); sound.play(); setTimeout(playSound3, 2000); } function playSound3() { let sound = new Audio("../audio/break.mp3"); sound.play(); } playSound1(); Luego, podría agregar muchos más si quisiera, pero esto implica que conoce la duración precisa, a la que debería poder acceder con sound.duration . Entonces, en lugar de setTimeout(playeSound2, 1000); , podrías decir setTimeout(playSound2, sound.duration * 1000);
También puede convertir esto en una sola función como la que tiene simplemente llamando a la función en diferentes intervalos (usando setTimeout nuevamente). Para darle su parámetro n , simplemente agregue un tercer valor en la función setTimeout :
playSound(1); setTimeout(playSound, 1000, 2); /* will play the second sound after 1 second */ setTimeout(playSound, 2000, 3); /* plays the third sound 2 seconds after the second sound is played */Este es más o menos el mismo concepto pero usa su función en su lugar.
Edición de preguntas de OP: " ¿Hay alguna manera de hacer esto sin saber cuántos sonidos tengo? "
¡Sí! Este sería un buen momento para usar una matriz de sonidos donde precargue todos los audios y luego pueda reproducir uno a la vez usando el mismo concepto pero con una matriz en su lugar.
En mi siguiente ejemplo, uso una variable de suma prevSoundDurationSum que cuenta la duración de cada canción, de modo que cuando llegue a la siguiente, sepa cuánto tiempo debe esperar antes de reproducirla.
Ejemplo:
playSound(sound) { sound.play(); } let allSounds = [new Audio("../audio/short.mp3"), new Audio("../audio/long.mp3"), new Audio("../audio/break.mp3")]; let prevSoundDurationSum = 0; for (let playsound = 0; playsound < allSounds.length; playsound++) { setTimeout(playSound, prevSoundDurationSum, allSounds[playsound]); /* Add to the sum */ prevSoundDurationSum += allSounds[playsound].duration * 1000; } Tenga en cuenta un error de la versión anterior: la funcionalidad .duration regresa en segundos, así que multiplique por 1000 para obtener los milisegundos para la función setTimeout() .