How to play a notification sound on websites?

Question

When a certain event occurs, I want my website to play a short notification sound to the user.

The sound should not auto-start (instantly) when the

Answer 1

One more plugin, to play notification sounds on websites: Ion.Sound

• Basic Demo
• Advanced Demo
• Ion.Sound GitHub Page

Advantages:

• JavaScript-plugin for playing sounds based on Web Audio API with fallback to HTML5 Audio.
• Plugin is working on most popular desktop and mobile browsers and can be used everywhere, from common web sites to browser games.
• Audio-sprites support included.
• No dependecies (jQuery not required).
• 25 free sounds included.

Set up plugin:

// set up config
ion.sound({
    sounds: [
        {
            name: "my_cool_sound"
        },
        {
            name: "notify_sound",
            volume: 0.2
        },
        {
            name: "alert_sound",
            volume: 0.3,
            preload: false
        }
    ],
    volume: 0.5,
    path: "sounds/",
    preload: true
});

// And play sound!
ion.sound.play("my_cool_sound");