HTML and CSS Reference
In-Depth Information
Der große Vorteil von Flash gegenüber HTML5 ist heutzutage noch, dass die verschie-
denen Browser sich nicht auf ein einheitliches Video- und Audioformat einigen
konnten. Flash ist im Prinzip ein Format: Flash. Das gibt es höchstens in verschiedenen
Versionen, aber es ist ein relativ einheitliches Format. Im Gegensatz dazu versteht der
Safari-Browser beispielsweise nur Videoformate, die im Opera-Browser nicht funktio-
nieren. Anbieter müssen also ihre Audio- und Videoinhalte, sofern sie sie mittels
HTML5 anbieten möchten, in verschiedenen Formaten bereithalten.
2.4.1
Audiowiedergabe
Da das
video
-Tag komplexer als das Tag zur Audiowiedergabe ist, fangen wir erst ein-
mal mit der Tonwiedergabe
audio
an. Eigentlich ist die
audio
-Syntax ganz einfach:
<audio src "beispiel.oga" controls "controls">
<! Das folgende HTML wird nur dann dargestellt, wenn das Audio Tag nicht
unterstützt wird. >
<p>Ogg Vorbis Audio wird leider nicht unterstützt. Direkter Link zur Datei:
<a href "beispiel.oga">beispiel.oga</a>.</p>
</audio>
Im
audio
-Element wird auf eine Datei verwiesen, die dann im Browser oder dem Stan-
dard-Medienplayer des Telefons wiedergegeben wird. Auf die Audiodatei wird mittels
des
src
-Attributs verwiesen. Innerhalb des
audio
-Tags können Sie weiteres HTML
einfügen, das aber nur dann angezeigt wird, falls ein Browser (beispielsweise der Internet
Explorer auf einem Windows Mobile-Gerät) kein HTML5-
audio
-Tag versteht.
Eine Audiodatei wird entweder direkt im mobilen Browser auf der Webseite oder im
Standard-Medienplayer wiedergegeben, der auch zum Betrachten von Videos benutzt
wird. Seit iOS 4 wird die Audiodatei direkt im Browserfenster abgespielt. Ein kleines
Steuerelement wird dazu auf der Seite angezeigt. Bei älteren iPhone OS-Versionen
wurde nach dem Antippen eines Buttons der Videoplayer gestartet und die Audiodatei
abgespielt. Das
control
-Attribut, das die Einblendung der Standardsteuerelemente
festlegt, wird auf einem iPhone oder einem iPod ignoriert, bei einem iPad beispielsweise
aber beachtet.
Wie schon oben in der Einleitung angekündigt, gibt es leider keinen Standard, dessen
Dateiformat von allen Browsern unterstützt wird. Hier ist eine Übersicht:
Browser
Unterstützte Audioformate
iOS Safari (iPhone, iPod
touch und iPad)
AAC (M4A)
MP3
WAV (unkom-
primiert)
Android
AAC (M4A)
MP3
MP4
OGG Vorbis
Safari 4+
AAC (M4A)
MP3
MP4
WAV
