Tips & Tricks: Sound "onLoad"


Mit diesem Tip zeigen wir Ihnen, wie man eine Sounddatei beim Laden des Dokuments abspielt. In unserem Beispiel verwenden wir die Datei "bonesaw.wav", welche beim Laden der Seite automatisch aufgerufen wird. Um dies zu ermöglichen, muß zuerst eine Funktion erzeugt werden: 


    function PlaySound(){

PlaySound() ist der Name der Funktion. Sie können den Namen frei vergeben (z.B. Sound, Musikbox). Nun wird die Eigenschaft definiert. Um die Sounddatei während des Ladens aufzurufen, wird folgende Syntax eingefügt: 


    window.location = "bonesaw.wav"

Dieses JavaScript muß nun zwischen die <HEAD></HEAD>-Tags eingebunden werden, um die Funktion vor dem HTML-Dokument zu laden: 

<SCRIPT LANGUAGE = "JavaScript">

        function PlaySound(){

        window.location = "bonesaw.wav"

      }

</SCRIPT>

Um die Funktion nun auszuführen, muß im Body-Tag der Browser auf die Funktion hingewiesen werden: 

<BODY onLoad="PlaySound()">

Sobald nun die Seite geladen wird, öffnet sich ein kleines Fenster (siehe Grafik) indem die Sounddatei geladen wird. Nun können Sie auf das Play-Symbol klicken und der Sound ist zu hören.

Soundfenster

Um die Sounddatei erst nach einer bestimmten Zeit zu laden wird folgende Syntax (statt window.location = "bonesaw.wav") in der Funktion angegeben: 

setTimeout("location = 'bonesaw.wav'", 10000)

Die Einheit "10000" = 10 Sekunden = 10000 Millisekunden. In unserem Beispiel würde die Sounddatei nach 10 Sekunden geladen werden. Wie Sie sehen ist dieser Effekt mit einfachen Mitteln zu erreichen. Viel Spaß beim Ausprobieren.