This is Nathan Bird's Sound Board page

{{{#!HTML
<script language="javascript" type="text/javascript">
 function playSound(soundfile) {
    document.getElementById("sound_area").innerHTML=
    "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
 }
</script>

<p>
<span id="sound_area"> </span>
</p>

<p onclick="playSound('/tbw-files/moan7.ogg');">
<img src="/tbw-files/150px-Ghast.png" height="172" width="172">
</p>

<img src="/tbw-files/fish.jpg" height="172" width="269">

<img src="/tbw-files/lizard.jpg" height="172" width="287">

}}}

Test Area (ignore for now) [edit section]

== Test Area (ignore for now) ==

{{{#!HTML
Here's an image:<br>
<p onclick="playSound('/tbw-files/hit1.ogg');">Nathan with sound

<h2>onclick example (piano)<h2>

<a href="#" onclick="playSound('http://www.kozco.com/tech/piano2-Audacity1.2.5.mp3');">Click here to hear a sound</a>

<h2>onmouseover example (scream)<h2>
<p onmouseover-not="playSound('/tbw-files/scream1.ogg');">Mouse over this text to hear a sound</p>

<h2>embed example<h2>
<embed-not height="100" width="100" src="/tbw-files/whale.mp3">

<h2>object example (stare)<h2>
<object height="50" width="200" data="/tbw-files/whale.mp3"></object>

<h2>object example (scream1)<h2>
<object-not height="50" width="100" data="/tbw-files/scream1.ogg"></object>
}}}