básicamente tengo este javascript que presenta audio múltiple como se muestra a continuación.

 var audio = []; audio["blue"] = new Audio("piano-blue.wav.mp3"); audio["red"] = new Audio("piano-red.wav.mp3");

Uso el audio para que se escuche cuando se hace clic en una imagen específica

 document.querySelector(".red-wheel").addEventListener("click", () => { document.querySelector(".red-wheel").innerHTML = "<img src='red-light.svg.svg'>"; setTimeout(setWheels, 500); console.log("red"); playColor("red"); }); document.querySelector(".blue-wheel").addEventListener("click", () => { document.querySelector(".blue-wheel").innerHTML = "<img src='blue-light.svg.svg'>"; setTimeout(setWheels, 500); console.log("blue"); playColor("blue"); });

La función playColour() se presenta a continuación

 function playColor(color) { audio[color].load(); audio[color].play(); }

Al verificar el resultado, se escucha el sonido, lo cual es excelente, pero se encuentra el error: no detectado (en promesa) DOMException: la solicitud de reproducción () fue interrumpida por una nueva solicitud de carga.