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.

Präsentation zum Thema: "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."—  Präsentation transkript:

1 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

2 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

3 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.

4 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

5 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:

6 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: