JavaScript, die achte (Grande Finale)

Übersicht: JavaScript wird musikalisch

JavaScript wird musikalisch

Zu den Ferien schnell noch einen musikalischen Gruss von JavaScript. Hier das Beispiel:

<html>
<head>
<title> JavaScript wird musikalisch </title>
<script language="JavaScript">
function musik()
{
location.href='blues.wav';
}// Ende der Funktion musik
</script>
</head>
<body >
<h2><a name="Hauptfenster">Dies ist das Hauptfenster!</a></h2>
<ul >
<li > <a href="#Hauptfenster" onclick="musik()">
Hier spielt die Musik!</a>
<ul >
</body>
</html>

Einige Erklärungen zu diesem Beispiel:

Die Funktion musik() ist kurz und knapp, sie ruft einfach eine Sound-Datei auf: blues.wav ist eine sogenannte Wave-Datei, ein auf Microsoft-Rechnern verbreitetes Sound-Format. Nachteil: Die Wave-Dateien sind unglaublich groß!
Wichtig: Die Sound-Datei 'blues.wav' muss in deinem Verzeichnis stehen, das meint zumindest location.href, location steht für Ort, und href ist eine Hypertext-Referenz (klar?). Hier könnt ihr mit Pfaden experimentieren, wenn es STILL bleibt, dann ist's eben dumm gelaufen!
Die Änderungen stehen diesmal im body:
1. Das Hauptfenster bekommt einen Anker, das ist ein Trick, da wir bei einem Verweis irgendwohin springen müssen.
2. Es gibt einen Verweis (Referenz) auf das Hauptfenster, hier wird die Sounddatei aufgerufen über onclick="musik()". Wirkung: Wenn du mit der Maus den Verweis anklickst, wird die JavaScript-Funktion musik() ausgeführt.
3. Der Verweis ist in einer Liste untergebracht, da haben wir dann Platz für unsere CD-Sammlung!
Die Sound-Datei(en) findest du auf Laufwerk I:\ im Verzeichnis Sounds. Du musst sie in dein Verzeichnis laden!

Zurück zur Übersicht

Aufgaben:
1. Gib das Beispiel oben mit htmledit ein, und speichere es unter dem Namen musik1.htm in deinem Verzeichnis.
2. Jetzt wollen wir unser Beispiel etwas 'aufmöbeln': Verändere die Funktionsvereinbarung folgendermaßen:
```
function musik(Datei)
{
location.href=Datei;
}// Ende der Funktion musik
```
  Der Funktion musik wird damit eine Sound-Datei als Parameter übergeben, das kennst du schon zum Beispiel von alert (oder?). Entsprechend musst du den Aufruf im body ändern (Warum? ________________________), dort steht jetzt:
```
<li > <a href="#Hauptfenster" onclick="musik('blues.wav')">
Hier spielt die Musik!</a>
```
  Beim Aufruf der Funktion musik sagst du also erst, welche Sound-Datei abgespielt werden soll! (Abspeichern unter musik2.htm)
3. Füge jetzt noch einen zusätzlichen Eintrag in die Liste ein (so ähnlich geht das auch mit (deinen?) weiteren Einträgen)
```
<li > <a href="#Hauptfenster" onclick="musik('blues2.wav')">
Noch mehr Musik!</a>
```
  und speichere das Ganze unter dem Namen musik3.htm ab!
4. Suche nach Sound-Dateien im Internet und lade sie in dein Verzeichnis. VORSICHT: Zwing das System nicht in die Knie! Denke daran: eine durchschnittliche Wave-Datei ist etwa 600 KB groß! Versuche die Sound-Dateien einzubinden. ACHTUNG: Leider sind nur die Sound-Formate *.wav und *.au erlaubt!

Zurück zur Übersicht

W. Spiegel, E-Mail: walter [dot] spiegel [at] web [dot] de