How can I implement sound for notification like whatsapp?

I'm trying to implement sound on my appliaction when receive some updates (like whatsapp web) using Audio Context API (currently using howler.js).

But I have a problem when user didn't interact or refresh the page:

The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page

It works when after user do some gestures but after refreshing asks again for it and don't play the audio.

I looked on whatsapp web, and I realized that its chat sound always works even not interacting and after refreshing page.

How can I resolve this issue? There's another way to solve it?