I have searched everywhere for my problem and found some answers but didn't seem to work when I implemented it.

Here is my simple code:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Audio Test</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">

  $(document).ready(function(){
    play_audio();
  });

  $(document).on("click", "#play-btn", function(){
    play_audio();
  });

  function play_audio(){
    var notify = document.getElementById("sound-notification");
    notify.play();
  }

</script>

</head>

<body>

<audio id="sound-notification" src="beep.ogg"></audio>

<button id="play-btn">Play</button>

hello world

</body>
</html>

```

There are two ways that I generate the audio sound, right after the page loads and when the user clicks on the button.

Everything works fine in FF and Chrome but not in Safari(i have version 5.1.7)

Im not sure if I have done anything wrong or what.

Any help will be much appreciated.

Thanks.