页内声音警告

Question

I need to create an acoustic warning in a PHP backed page that plays when certain conditions in PHP are met.

The only way of how to do this I can think of is conditional embedding of a small flash file that would play the sound upon rendering in browser... However, this seems as a bit out of date practice to me... Something like the JS alert() sound would be sufficient (I have considered using the alert() way too). Or the Facebook chat message notification sound...

Any other ideas how this could be done? Preferably using jQuery / JS etc...

(not looking for any complete solution / code etc, just point me in the right direction... if there is any)

Answer 1

HTML5 audio element

<audio src="audio.ogg" controls autoplay loop>
     <p>Your browser does not support the audio element </p>
</audio>

Popular JS library is SoundManager2

Answer 2

Add this to your js when the condition you want is met :

var snd='<audio autoplay="true"><source src="sound.mp3"></audio>';  
$('body').append(snd);

Answer 3

I had the same problem and simply I used this:

if($condition)
  echo "<embed src='/file/sound/alert.swf' />"