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 th

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.

Answer 2

You can use:

var snd = new Audio('/alarm.mp3');    
snd .onended = function () { alert("Thank you!"); };
snd .play();

Answer 3

You can try using setTimeout().

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

Answer 4

Why not leverage the HTML5 audio events.

The event ended is triggred once the audio ends playing

snd.addEventListener('ended', showAlert);

function showAlert() {
 alert("YOUR MESSAGE");
}