Sound alert in Javascript

Question

I have to create an audible alert for a chat application, I am using the native audio library of javascript, the problem is that many times, this alert is blocked by the browser, this happened when the user loads the page and does not interact with it (This has happened a lot by the way). the following error is displayed on the console

Uncaught (in Promise) Domexception: play() failed because the user didn’t Interact with the Document first

I know there’s a possibility of forcing the guy to click on something as soon as he opens the page, but the project is almost done, and my boss doesn’t see it well.

So, someone would know if there’s a better way out, something like visual alerts, that the browser asks if the guy allows the site to send. or some other solution, I don’t know.

Code responsible for the alert

function play_sound(thesound)
{    
    let audio = new Audio(base_url + '/media/mp3/' + thesound + '.mp3');
    audio.muted = true;
    var playPromise = audio.play();
    if (playPromise != undefined) {
        playPromise.then(_ => {                  
            audio.pause();
        })
        .catch(error => {
            console.error(error);  
        });
    }
}