Estoy tratando de cargar un mp3 desde mi computadora en un contexto de audio soundtouch para cambiar el tempo y el tono.

HTML

 <form class="form" id="form"> <input type="file" id="inputFile"><br> <button type="submit">Upload File</button> </form>

JavaScript:

 const myForm = document.getElementById("form"); const inputFile = document.getElementById("inputFile"); myForm.addEventListener("submit", e => { e.preventDefault(); const data = new FormData(); data.append("inputFile", inputFile.files[0]); playBtn.setAttribute('disabled', 'disabled'); if (shifter) { shifter.off(); } fetch(data) .then((response) => response.arrayBuffer()) .then((buffer) => { audioCtx.decodeAudioData(buffer, (audioBuffer) => { shifter = new PitchShifter(audioCtx, audioBuffer, 16384); shifter.tempo = speedSlider.value; shifter.pitch = pitchSlider.value; shifter.on('play', (detail) => { currTime.innerHTML = detail.formattedTimePlayed; progressMeter.value = detail.percentagePlayed; }); duration.innerHTML = shifter.formattedDuration; playBtn.removeAttribute('disabled'); }); }); })

Cuando pruebo este código, recibo dos mensajes de error:

 GET ...(port number)... 404 (NOT FOUND) 100.64.5.65/:1 Uncaught (in promise) DOMException: Unable to decode audio data

Cualquier ayuda sería apreciada ya que no sé cómo solucionar esto.

captura de pantalla del código