Últimamente estoy trabajando en un código que hace que el navegador reproduzca un audio usando Three.js. A continuación se encuentra el fragmento relacionado:
function loadAudio(i) { document.getElementById('overlay').innerHTML = '<div class="text-loading">a moment please...</div>' const files = [ 'https://xxx.yyy.com/1.mp3', 'https://xxx.yyy.com/2.mp3', 'https://xxx.yyy.com/3.mp3', 'https://xxx.yyy.com/4.mp3', ] const file = files[i] const loader = new THREE.AudioLoader() loader.load(file, function (buffer) { audio.setBuffer(buffer) audio.play() analyser = new THREE.AudioAnalyser(audio, fftSize) init() }) }Sin embargo, me notifican que el sitio web no funcionó del todo en Desktop y Mobile Safari (donde probé inicialmente pero liberé el código cuando funcionó en Chrome en mi MacBook, pensé que era un problema de Internet...), y todavía no pude averiguar qué hacer después de leer detenidamente todas las preguntas relacionadas en stackoverflow (perdóname por mi estupidez).
¿Puede alguien por favor ayudarme con eso?
Además, algunos enlaces relacionados pueden ser útiles: