HTML and CSS Reference
In-Depth Information
Browser
Unterstützte Audioformate
Chrome 3+
MP3
MP4
OGG Vorbis
Firefox 3.5+
WAV
OGG Vorbis
Opera 10.5+
WAV
OGG Vorbis
Internet Explorer 9
AAC (M4A)
MP3
Sie müssen also, und das gilt auch für das später vorgestellte
video
-Element, mehrere
Formate anbieten, um wirklich sicherzustellen, dass der Audioinhalt auch auf allen
Geräten und Browsern wiedergegeben werden kann. Dazu ist das
source
-Attribut
genau richtig. Mittels dieses Attributs können Sie mehrere Formate innerhalb eines
audio
- oder
video
-Tags anbieten. Dabei ist es natürlich erforderlich, dass Sie Ihre
Audio- oder Videoquelle auch auf Ihrem Server in verschiedenen Formaten anbieten.
Im HTML-Markup sieht das wie folgt aus:
<html>
<head>
<title>Einfacher Audio Player</title>
</head>
<body>
<audio controls "controls">
<source src "audio/musik.oga">
<source src "audio/musik.mp3">
</audio>
</body>
</html>
Wenn Sie diesen HTML-Code auf Ihren Server laden, sieht das Ergebnis unter iOS 4 so
aus:
Bild 2.26:
So wird das
audio
-Element
auf einem iPhone angezeigt.
Über das kleine Playsymbol wird die Audiowiedergabe gestartet. Sollten Sie diesen
kurzen Beispielcode zusammen mit einer AAC- oder MP3-Datei auf Ihren Server laden,
