Audiomaterial in HTML-Dokumente einbinden

Wenn Sie HTML -Dokumente mit Audio-Daten anreichern wollen, sollten Sie zunächst einiges über sinnvolle Formate und die verschiedenen Möglichkeiten der Einbindung wissen.

Da die HTML-Dateien später gewöhnlich im Internet zur Verfügung gestellt werden, sollte bei der Erstellung der Aufnahmen ein komprimiertes Format gewählt werden, um zu lange Ladezeiten zu vermeiden. Informationen zu einzelnen Audio-Formaten finden Sie unter Formate und Codecs . Außerdem ist es sinnvoll, bezüglich der Beschaffenheit der Tondokumente eine Struktur zu wählen, bei der die Wiedergabe bereits beginnen kann, bevor die gesamte Datei heruntergeladen wurde. Mehr zur Aufbereitung von Audio-Dateien für den Einsatz im Internet erfahren Sie unter Audiodaten bearbeiten .

Sind die Audio-Dateien entsprechend vorbereitet, müssen sie nun noch in das HTML-Dokument eingebunden werden. Auch hier ergeben sich unterschiedliche Anwendungsszenarien und es haben sich verschiedene Möglichkeiten der Einbindung etabliert.

Audio als Link einfügen
Die einfachste Möglichkeit besteht darin, die Audiodatei per Hyperlink zu referenzieren. Dabei wird Text oder ein Bild mit der Audiodatei verknüpft. Klickt der Nutzer auf diesen Verweis, startet der Browser den Audioplayer und die Audiodatei wird wiedergegeben. Wenn der Browser des Nutzers den Dateityp nicht verarbeiten kann, weil z. B.kein Audioplayer installiert ist, wird vom Browser die Möglichkeit angeboten, die Datei stattdessen herunterzuladen. An der gewünschten Stelle müssen Sie folgenden Quellcode einfügen:

<a href="Pfad/zur/Datei/music.mp3" type="audio/mpeg">Sound abspielen</a>

Audio als Hintergrundmusik einfügen
Sie können Ihr Audio-Material auch automatisch abspielen lassen, sobald die HTML-Datei geladen ist. Bei dieser Variante ist jedoch folgendes zu beachten: Sie gehört nicht zum aktuellen HTML-Standard. Die Browser erfordern unterschiedliche Wege der Umsetzung. Für die Darstellung im Internet Explorer müssen Sie im Kopfbereich (head) der HTML-Datei folgenden Quellcode einfügen:

Das Attribut src gibt den Speicherort der Datei an. Mit dem Attribut loop legen Sie die Anzahl der Abspielwiederholungen fest. Der Wert "infinite" erzeugt eine Endlosschleife, alternativ kann die Anzahl der gewünschten Wiederholungen angegeben werden.

Für die Darstellung in den meisten anderen Browsern müssen Sie im Körperbereich (body) der HTML-Datei folgenden Quellcode einfügen:

Das Attribut src gibt wieder den Speicherort an, das automatische Abspielen wird mit dem Wert "true", der dem Attribut autostart zugewiesen wird, festgelegt. Eine Endlosschleife erzeugt das Attribut loop mit dem Wert "true", mit den weiteren Angaben wird das Anzeigen des Audioplayers unterdrückt. Wünschen Sie eine Darstellung des Players lassen Sie das Attribut hidden weg und definieren mit Hilfe der Attribute height und width die Größe des angezeigten Players.

Tondokumente über einen Player wiedergeben
Die für den Anwender zweifellos komfortabelste Form der Bereitstellung von Tondokumenten ist die Wiedergabe über einen vom Browser unabhängigen steuerbaren grafischen Audio-Player.

Dabei wird ein Audio-Player z.B. durch die Verwendung von Adobe Flash realisiert und in die Website eingebunden. Der Player lädt die Audio-Datei und spielt sie ab. Die grafische Oberfläche des Players ermöglicht dem Benutzer eine Steuerung der Ausgabe.

Um diese Art der Einbindung zu realisieren, wird zunächst der Audio-Player benötigt. Ein kostenloser Player, der für die Wiedergabe von Audio- und auch Videodateien geeignet ist, ist beispielsweise der JWPlayer . Da der Player progressive Downloads unterstützt, können entsprechend vorbereitete Audio-Dateien bereits während des Downloads wiedergegeben werden.

Der Player muss zunächst auf der Webseite des Herstellers herunter und die Player-Datei (player.swf) auf den eigenen Webspace hochgeladen werden. Folgender Quellcode bindet den JWPlayer an eine beliebige Stelle innerhalb eines HTML-Dokumentes ein.

Dabei ist auffällig, dass alle Parameter doppelt vergeben werden. Der Player wird eigentlich auch zweimal eingebunden. Einmal mithilfe des object-Elements und einmal mithilfe des embed-Elements. Das ist wichtig, damit der HTML-Code von allen Browsern gelesen werden kann. Sie können verschiedene Einstellungen anpassen. Mit den Attributen with und height bestimmen Sie die Größe des Players. movie bzw. src legt den Pfad zur swf-Datei des Players fest. In den flashvars wird dann die Datei angegeben, die abgespielt werden soll.

Audiodateien in Präsentationsfolien einbinden

Im Folgenden erläutern wir das Vorgehen anhand des verbreiteten Programms PowerPoint von Microsoft, in anderen Präsentationsprogrammen wie z. B. Impress von OpenOffice sind die einzelnen Schritte meist sehr ähnlich. Wir haben für Sie eine Liste mit Programmen zur Erstellung digitaler Präsentationen zusammengestellt, dort finden Sie Verweise auf die Produktsteckbriefe mit detaillierten Informationen zu den einzelnen Programmen.

PowerPoint bindet Audiodateien als Objekte ein, dabei unterstützt es eine große Zahl an gängigen Audioformaten. Zudem erlaubt es das Integrieren von CD-Tonspuren sowie das Aufzeichnen eigener Sounds, z. B. des gesprochenen Vortragstextes. Nachdem Sie die gewünschte Folie ausgewählt haben, fügen Sie das Audiomaterial über das Hauptmenü ein:

Einfügen von Audiomaterial in eine Folie (Bsp. Microsoft PowerPoint)

Audiodatei einbinden
Möchten Sie eine vorbereitete Audiodatei einbinden wählen Sie "Sound aus Datei..." und markieren im folgenden Dialogfenster die gewünschte Datei. Daraufhin müssen Sie angeben, ob Sie den Sound automatisch bei Aufruf der Folie abspielen möchten oder durch Klick auf das eingefügte Soundsymbol. Durch einen rechten Mausklick auf das Soundsymbol erreichen Sie ein Menü, das die nachträgliche Bearbeitung des Soundobjekts erlaubt.

CD-Audiospur wiedergeben
Möchten Sie Audiomaterial von einer CD einbinden wählen Sie "CD-Audiospur wiedergeben...", im folgenden Dialogfenster können Sie die Optionen für die Wiedergabe angeben. Nachdem Sie Ihre Angaben mit "OK" bestätigt haben wird ein CD-Symbol eingefügt und Sie müssen festlegen, ob Sie eine automatische Wiedergabe wünschen oder ob die CD nach einem Klick auf das CD-Symbol gestartet werden soll. Durch einen rechten Mausklick auf das CD-Symbol kann das Soundobjekt nachträglich bearbeitet werden. Beachten Sie, dass für die eigentliche Präsentation die passende CD in das CD-ROM-Laufwerk des Präsentationscomputers eingelegt werden muss.

Sound aufzeichnen
Um Sound aufzeichnen zu können muss an Ihrem Computer ein Mikrofon angeschlossen sein. Durch die Auswahl "Sound aufzeichnen..." wird ein einfacher Audiorekorder geöffnet. Durch Klick auf das Aufzeichnen-Symbol starten Sie die Aufnahme, durch Klick auf das Stop-Symbol beenden Sie die Aufnahme. Vergeben Sie einen Namen und bestätigen Sie mit "OK". Durch einen rechten Mausklick auf das eingefügte Soundsymbol kann das Soundobjekt nachträglich bearbeitet werden.

Weitere Informationen

Weiterführende Informationen zum Einbinden von Audiodateien in HTML-Dokumente finden Sie im Kompendium SELFHTML .
Mehr zur Vorbereitung Ihres aufgezeichneten Materials für die Verwendung im Internet erfahren Sie unter Audio-Daten bearbeiten

Audiodaten einsetzen

Audiomaterial in HTML-Dokumente einbinden

Audiodateien in Präsentationsfolien einbinden

Weitere Informationen