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

2020 solution

function playSound(url) {
  const audio = new Audio(url);
  audio.play();
}

Play  

Browser support

Edge 12+, Firefox 20+, Internet Explorer 9+, Opera 15+, Safari 4+, Chrome

Codecs Support

Just use MP3

---

Old solution

(for legacy browsers)

function playSound(filename){
  var mp3Source = '';
  var oggSource = '';
  var embedSource = '';
  document.getElementById("sound").innerHTML='';
}

Play  

Browser support

• (Fallback)

Codes used

• MP3 for Chrome, Safari and Internet Explorer.
• OGG for Firefox and Opera.