Mi tarea es obtener un archivo de audio/wav de una llamada API, almacenarlo en estado redux y hacer clic en el botón para reproducirlo.

1. Tengo la siguiente función generadora de redux saga buscándola y creando un blob ahora mismo:

 export function* getAudioSaga () { try { const headers = { Accept: 'audio/wav', }; const options = { headers, method: 'GET', }; const audio = yield call(fetch, GET_AUDIO_API, options); const blob = yield audio.blob(); const url = URL.createObjectURL(blob); yield put(getAudioSuccess(url)); } catch (error) { yield put(getAudioError(error)); } }

2. Con la acción getAudioSuccess, guardo la URL creada en el estado redux y simplemente paso la URL almacenada a una función auxiliar:

 export const playAudio = (url: string) => { const audio = new Audio(url); audio.play(); };

En este momento recibo un error si trato de usar esta URL de blob generada : No detectada (en promesa) DOMException: no se pudo cargar porque no se encontró una fuente compatible.

¡Cualquier ayuda sería apreciada!