Dynamic URL ( got from server ) cannot able to play. [Error: Failed to decode audio file]

[jitendra1021]

I'm using this (@simform_solutions/react-native-audio-waveform) library to record audio and send it to the backend. The server returns a dynamic URL for the audio file. However, when I try to play the audio using that URL, I get the error: [Error: Failed to decode audio file].
The same URL works and plays correctly in the browser. I even tried using a regular MP3 file, but it shows the same error: 'Failed to decode audio file'.

<Waveform
mode="static"
ref={waveformRef}
path={"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3"}
candleSpace={3}
candleWidth={2.5}
waveColor="lightgray"
scrubColor="blue"
onPlayerStateChange={(state: string) => {
setPlayingState(state);
}}
onPanStateChange={() => {}}
containerStyle={{
backgroundColor: "transparent",
width: "100%",
alignSelf: "center",
borderRadius: 10,
}}
onCurrentProgressChange={(current: any, total: any) => {
setCurrentProgress(current);
setDuration(total);
}}
/>

[sagarsen2023]

+1

[nica0012]

Does it work from URL from server? @jitendra1021

[jitendra1021]

No @nica0012

[VisaElectronic]

same issue, i end up wrote a function to download audio from server

import * as FileSystem from 'expo-file-system';


const downloadRemoteAudioFile = async (originalUri: string) => {
    if (originalUri.startsWith('file://') || originalUri.startsWith('/')) {
        return originalUri;
    }
    const url = API_DOMAIN + '/' + originalUri;
    console.log(url);
    const ext = originalUri.length > 1
        ? originalUri.split('.').pop()   // last segment after the final “.”
        : '';
    const downloadResumable = FileSystem.createDownloadResumable(
        url,
        FileSystem.documentDirectory + 'temp_audio.' + ext,
        {},
        () => { }
    );

    try {
        const fileSystem = await downloadResumable.downloadAsync();
        return fileSystem?.uri ?? '';
    } catch (e) {
        console.error(e);
    }
    return '';
}