Así que estoy tratando de crear una aplicación que genere música, pero parece que no puedo entender cómo reproducir solo un sonido a la vez. Cuando hago clic en el botón generar, reproduce todos los sonidos a la vez en lugar de uno a la vez. Aquí está mi código:
var melody_notes = [A3, A4, A5, A6, B3, B4, B5, B6, C3, C4, C5, C6, D3, D4, D5, D6, E3, E4, E5, E6, F3, F4, F5, F6, G3, G4, G5, G6]; function generate() { for (var a = 0; a < 100; a++) { for (var i = 0; i < 1; i++) { var pick = Math.floor(Math.random() * melody_notes.length); var note = new Audio(melody_notes[pick]); note.play(); } } }Entonces, la lista de arriba son los archivos de sonido, luego elige uno al azar y lo reproduce. El primer bucle for es la cantidad de notas en la canción, y el bucle for interno es la cantidad de notas tocadas juntas. Pero cuando presiono el botón que activa la función, reproduce todas las notas a la vez. ¿Hay alguna manera de arreglar eso?
Puede crear una promesa y comenzar el siguiente sonido cuando se resuelve el anterior.
const audios = [ 'https://dl.dropboxusercontent.com/s/1cdwpm3gca9mlo0/kick.mp3', 'https://dl.dropboxusercontent.com/s/h2j6vm17r07jf03/snare.mp3', 'https://dl.dropboxusercontent.com/s/1cdwpm3gca9mlo0/kick.mp3', 'https://dl.dropboxusercontent.com/s/h2j6vm17r07jf03/snare.mp3' ]; async function playSounds(arr) { for (let i = 0; i < arr.length; i++) { await new Promise((resolve) => { sound = new Audio(arr[i]); sound.onended = resolve; sound.play(); }); } } <button onclick="playSounds(audios);">play</button>¡Lo descubrí gracias a una publicación que acaban de eliminar!
async function generate() { for (var a = 0; a < 100; a++) { var pick = Math.floor(Math.random() * melody_notes.length); var note = new Audio(melody_notes[pick]); await note.play(); sleep(500); } } function sleep(milliseconds) { var start = new Date().getTime(); for (var i = 0; i < 1e7; i++) { if ((new Date().getTime() - start) > milliseconds) { break; } } }Quien haya publicado eso muchas gracias! ¡He estado tratando de solucionar este problema por un tiempo!