Playing Sound Without User Interaction

I want to create a sound notification when an event is sent. How can I prevent it from being blocked by the browser?

window.userId = {{ auth()->user()->user_id }};
        const channelName = `laravel_database_chat.${window.userId}`;
        const messageSound = new Audio('{{ asset('clients/assets/mp3/press.wav') }}');

        function playAudio() {
            messageSound.play();
        }
        


        window.Echo.channel(channelName)
            .listen('.MessageEvent', (data) => {
                console.log(data)
                if (data.receiverId === window.userId) {
                    Livewire.dispatch('chat');
                    setTimeout(() => {
                        playAudio();
                    }, 1000);
                }
            });