Quiero cargar un archivo de audio a través del lector de archivos de entrada y luego poder reproducirlo...

Este es el proceso de creación de un archivo blob y asignación de la fuente de audio a este blob:

 fileInput.on('change', readFile); function readFile(e) { const input = e.target; if(input.files && input.files[0]) { const reader = new FileReader(); reader.onload = (e) => { const binaryData = e.target.result; const binary = convertDataURIToBinary(binaryData); const blob = new Blob(binary, {type: input.files[0].type }); console.log('inserting blobXX', blob); recordedAudioComponent.src = URL.createObjectURL(blob); data.instructAudios[component] = blob; console.log('recordedAudioComponent.src', recordedAudioComponent.src); } reader.readAsDataURL(input.files[0]); } }

Y aquí está el resultado del código anterior en la consola:

Ahora estoy tratando de reproducir el componente de audio recordedAudioComponent , que es una etiqueta de audio con la fuente, ¿verdad?

 const recordedAudioComponent = document.getElementById(`recordedAudio-instruct-${component}`); console.log(recordedAudioComponent) recordedAudioComponent.play();

Y aquí está el error que produce:

¿Cómo puedo arreglar esto y reproducir el audio?

EDITAR: Aquí está la función para obtener el blob en el primer código:

 var BASE64_MARKER = ';base64,'; function convertDataURIToBinary(dataURI) { var base64Index = dataURI.indexOf(BASE64_MARKER) + BASE64_MARKER.length; var base64 = dataURI.substring(base64Index); var raw = window.atob(base64); var rawLength = raw.length; var array = new Uint8Array(new ArrayBuffer(rawLength)); for(i = 0; i < rawLength; i++) { array[i] = raw.charCodeAt(i); } return array; }