[help] adding custom sound to script

I need help adding custom sound to my script. I’ve tried ogg, wav, and mp3. However, I’ve had no luck. Anyone that can help hit me up
frankcastle.thepunisher
Assistance comes with donation.

section in client.lua for sound:

--------------------------------------------------------------------------------
-- PLAY SOUND EVENT (launchsitealarm.wav)
--------------------------------------------------------------------------------
RegisterNetEvent("operationHardReset:playSound")
AddEventHandler("operationHardReset:playSound", function(launchCoords)
    local playerPed = PlayerPedId()
    local playerCoords = GetEntityCoords(playerPed)
    local distance = #(playerCoords - launchCoords)

    -- Optional distance check (5000.0 is just an example)
    if distance < 5000.0 then
        SendNUIMessage({
            action = "playSound",
            file   = "sounds/launchsitealarm.mp3",
            volume = 1.0,
            loop   = true
        })
    end
end)

fxmanifest.lua section

files {
    'nui/index.html',
    'nui/sounds/*.mp3'

full index.html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Operation Hard Reset</title>
    <script>
        let audio;
        window.addEventListener("message", (event) => {
            console.log("NUI Message received:", event.data);
            const data = event.data;
            
            if (data.action === "playSound") {
                try {
                    if (audio) {
                        audio.pause();
                        audio = null;
                    }
                    console.log("Attempting to play sound:", data.file);
                    audio = new Audio(data.file);
                    
                    audio.onerror = function(error) {
                        console.error("Error loading audio:", error);
                    };
                    
                    audio.onloadeddata = function() {
                        console.log("Audio loaded successfully");
                        audio.volume = data.volume || 1.0;
                        audio.play().catch(error => {
                            console.error("Error playing audio:", error);
                        });
                    };
                    
                    audio.loop = !!data.loop;
                    
                } catch (error) {
                    console.error("Error in playSound:", error);
                }
            } else if (data.action === "stopSound") {
                if (audio) {
                    audio.pause();
                    audio = null;
                }
            }
        });
    </script>
</head>
<body>
    <!-- Empty body - all functionality is handled in the script -->
</body>
</html>

in the resource folder I have a nui folder that has the sounds folder and index.html

PLEASE HELP!!