Estoy haciendo un sitio web que es un piano simple. Alojé el sitio, pero el audio está retrasado ahora. Cuando lo reproduzco desde mi sistema local, funciona bien, pero no desde el sitio alojado.

Así que quiero que todos los recursos de audio se carguen y guarden en el dispositivo del usuario (como caché o algo más) y reproduzcan el audio para que no se retrase. No puedo entender cómo lo hago. por favor ayúdame con una solución.

Esto es lo que probé:

 const pianoKeys = document.querySelectorAll('.key'); function playSound(soundUrl){ const sound = new Audio(soundUrl) sound.currentTime = 0 sound.play() } pianoKeys.forEach((pianoKey, i)=> { const num = i<9 ? '0'+(i+1) : (i+1); const soundUrl = 'sounds/key'+num+'.ogg'; pianoKey.addEventListener('mousedown', ()=>playSound(soundUrl)) })

soundUrl crea el directorio para el archivo de audio. ¿Hay alguna forma de cargar el archivo y reproducirlo?