AUDIO im WEB HTML & AUDIO WEB_0302 WEBDESIGN MODUL 03 h.huetter 1 Sound-Dateien können, ebenso wie Video-Dateien, auf mehrere Arten in HTML-Dateien integriert werden. Dieser Tag, welcher schon sehr lange besteht, wird häufig im Head-Teil zum Abspielen einer Hintergrundmusik eingebaut. Aufbau und Anwendung sind sehr einfach. Er funktioniert leider nur mit dem Internet-Explorer. Grundlagen Dieser Tag dient dazu, um für das entsprechende Dateiformat das zugehörige Plug-In zu aktivieren, aber auch um ein erforderliches Plug-In vom Internet herunteruladen. Für das Verhalten und die Eigenschaften des integrierten Players gibt es unterschiedliche Attribute. Funktiioniert bei den aktuellen Browsern wie zB MS Internet Explorer oder Firefox

AUDIO im WEB HTML & AUDIO WEB_0302 WEBDESIGN MODUL 03 h.huetter 2 Sound-Dateien können, ebenso wie Video-Dateien, auf mehrere Arten in HTML-Dateien integriert werden. Durch den Tag wird eine Datenquelle, in diesem Fall die Audio-Datei, eingebunden. Zur Paramterübergabe gibt es zwei Möglichkeiten: a) MIME-Type, zB Real Player:audio/x-pn-realaudio-plugin MIDI-Dateien:audio/x-midi WAV-Dateienaudio/x-wav b) ActiveX (Microsoft) Die ClassID referenziert ein ActiveX-Steuerelement, zB Real Player :clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA Windows Media Player: clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 Quicktime: clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B Grundlagen

AUDIO im WEB HTML & AUDIO WEB_0302 WEBDESIGN MODUL 03 h.huetter 3 Sound-Dateien können, ebenso wie Video-Dateien, auf mehrere Arten in HTML-Dateien integriert werden. Grundlagen … „javascript: location.href = …. „ Die Sound-Datei wird mit einem JavaScript-Aufruf geladen und sollte in allen aktuellen Browsern funktionieren, falls die Ausführung von JavaScript nicht blockiert wurde. Die Sound-Datei referenziert wie jede andere Datei und mit dem entsprechenden Media-Player abgespielt. Leider geschieht dies nicht innerhalb der HTML-Oberfläche.

AUDIO im WEB HTML & AUDIO WEB_0302 WEBDESIGN MODUL 03 h.huetter 4 Audio-Dateiformate MP3 Komprimierte Audiodatei mit sehr guter Qualität, Entwicklung vom Frauenhofer-Institut WAV WAV-Dateien, Microsoft, sind für das Internet wegen der Dateigröße wenig geeignet MID bzw. MIDI Midi-Synthesizer-Datei WMA Windows Media MPEG-4 MPEG-4 Audio gehört zum neuen Standard für Audio im Internet (siehe auch Video). Mit Quick Time, ab Version 6, welches u.a. den AAC Codec unterstützt, können zB Bit- Raten und „Kanäle“, von Mono über Stereo bis zu 7.1 Systemen eingestellt werden. MOV Quicktime  siehe auch Video RM Real-Media bzw. RealPlayer  siehe auch Video

AUDIO im WEB HTML & AUDIO WEB_0302 WEBDESIGN MODUL 03 h.huetter 5 Einbindung einer Audio-Datei in eine HTML-Datei: Beispiel für Hintergrundmusik :...usw. Bein MS-Internet-Explorer muss der Tag im Datenkopf (head) der HTML-Datei, bei Netscape sollte die Anweisung im Dateikörper ( ) stehen. Hinter der Angabe src=... folgt in beiden Fällen die Angabe der gewünschten Musikdatei (am besten MID, oder AU, WAV und MP3). Netscape: Die sichtbare Anzeige des Abspiel-Players wird durch die Attribute hidden=„true“ und height=„0“ width=„0“ unterdrückt. Der automatische Start wird mit autostart=„true“ erreicht. Die Endloswiederholung wird durch loop=„true“ oder durch Weglassen des Attrubuts loop erzwungen. Microsoft: Mit loop=„infinite“ wird eine Endloswiederholung erzwungen. Ansonsten ist die Anzahl (z.B. loop=„3“) der Wiederholungen einzugeben. Variante 1: Variante 2:

AUDIO im WEB HTML & AUDIO WEB_0302 WEBDESIGN MODUL 03 h.huetter 6 Einbindung einer Audio-Datei in eine HTML-Datei: Beispiel für Hintergrundmusik : Einbinden des Real Players: Wenn Sie diesen Text sehen, kennt Ihr Browser das Tag für ActiveX nicht oder kann den Real Player nicht laden. Bein MS-Internet-Explorer muss der Tag im Datenkopf (head) der HTML-Datei, bei Netscape sollte die Anweisung im Dateikörper ( ) stehen. Hinter der Angabe src=... folgt in beiden Fällen die Angabe der gewünschten Musikdatei (am besten MID, oder AU, WAV und MP3). Netscape: Die sichtbare Anzeige des Abspiel-Players wird durch die Attribute hidden=„true“ und height=„0“ width=„0“ unterdrückt. Der automatische Start wird mit autostart=„true“ erreicht. Die Endloswiederholung wird durch loop=„true“ oder durch Weglassen des Attrubuts loop erzwungen. Microsoft: Mit loop=„infinite“ wird eine Endloswiederholung erzwungen. Ansonsten ist die Anzahl (z.B. loop=„3“) der Wiederholungen einzugeben. Variante 3: