Sound onMouseover

Auf dieser Seite:

Geräusche, Töne, Sounds und Musik einbinden sind schwierig standardkonform einzubinden, eigentliche Medientags wird es erst in HTML 5 geben, bis dahin muss via 'embed'-Tag (für FF) und dem document.all Objekt (für IE) dem Browser das Abspielen beigebracht werden. Die meissten User erschrecken, wenn auf einer Website plötzlich und unerwartet Geräusche ertönen, Auf einer Seite mit Spielen hingegen darf Ton schon eingesetzt werden.

Kurze Stücke

document.all

Sound 1 (Golfabschlag Wusch)

Sound 2 (Saxophon)

(Krokodil)

Kennt der Browser das document.all Objekt (IE) dann wird das bgsound-Tag geschrieben, sonst (FF) wird das embed-Tag geschrieben. Diesem Element wird dann durch die DOM document.getElementById() eine Source (src) angegeben. Das Script müsste im Head stehen!

<script type="text/javascript">
// loop= Anzahl Wiederholungen (numerisch)
// autostart="true" ist notwendig
if (document.all) {
  document.write('<bgsound id="mysound" loop="1" autostart="true"  hidden="true" />');
 } else {
  document.write('<embed id="mysound" loop="1" autostart="true"  hidden="true" />');
 }
  function playsound(thesound) {
  document.getElementById("mysound").src = thesound;
 }
</script>

Der Text Link, es kann auch ein Bild sein (ev. mit einem onMouseover Effekt), sieht so aus. (Die Sounddatei liegt auch im Ordner images.)

<a href="#" onmouseover="playsound('images/golfball.wav')">Sound 1</a>

Diese Seite validiert nicht w3c konform

Check den Code.

Einführung >> <<

Ich bin hier: > JavaScript Lehrling >>> Sound onMouseover