javascript - Have sound play when alert is triggered

Question

So I have in my javascript an if statement. When it returns true it opens an alert box and plays an alarm sound. The problem is that the sound doesn't play until I hit the ok button.

Here is the relevant information:

  if (x > 10) {
        var snd = new Audio('/alarm.mp3');
        snd.play();
        alert("Thank you!");
    }

Ideally I want the sound which is around 6 seconds long to play until it is at the end or until the user hits closes out of the dialog. But really getting the alarm to sound before closing the alert box would be good enough.

Answer 1

Preload your audio file in the html beforehand like :

<audio id="xyz" src="whatever_you_want.mp3" preload="auto"></audio>

if(x > 10)
{
    document.getElementById('xyz').play();
    alert("Thank you!");
}

This should surely work.