English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML5 Grundlehrbuch

HTML5 API

HTML5 Medien

HTML5 Grafik

HTML5 Audio (Audio)

HTML5 bietet Standards für die Wiedergabe von Audio-Dateien.

Audio im Internet

Bis heute gibt es keine Standards für die Wiedergabe von Audio auf Webseiten.

Heute wird die meisten Audio über Plugins (z.B. Flash) wiedergegeben. Allerdings haben nicht alle Browser die gleichen Plugins.

HTML5 definiert den Standard für die Einbettung von Audio-Elementen auf Webseiten, d.h. die Verwendung des <audio>-Elements.

Browser-Unterstützung

Internet Explorer 9+, Firefox, Opera, Chrome und Safari unterstützen das <audio>-Element.

Hinweis: Internet Explorer 8 und frühere IE-Versionen unterstützen das <audio>-Element nicht.

HTML5 Audio - Wie es funktioniert

Um Audio in HTML5 Um Audio in einem <audio>-Element abzuspielen, musst du folgenden Code verwenden:

!DOCTYPE html
<html>
<head>　
<meta charset="utf-8">　
<title>Grund教程(oldtoolbag.com)</title>　
</head>
<body>
<audio controls>
　　<source src="horse.ogg" type="audio/ogg">
　　<source src="horse.mp3" type="audio/mpeg">
Dein Browser unterstützt das <audio>-Element nicht.
</audio>
</body>
</html>
Teste es heraus ‹/›

der control-Attribute dient zur Hinzufügung von Wiedergabe-, Pause- und Lautstärkereglern.

in <audio> und </Zwischen <audio> und <a href="http://codebox.com">audio> musst du einen Hinweis für den Browser einfügen, der den <audio>-Element nicht unterstützt.

<audio>-Elemente erlauben den Einsatz mehrerer <source>-Elemente. <source>-Elemente können verschiedene Audio-Dateien verlinken, der Browser verwendet die erste unterstützte Audio-Datei.

Audioformate und Browserunterstützung

Derzeit unterstützt das <audio>-Element drei Audioformate: MP3, Wav und Ogg:

BrowserMP3WavOgg
Internet Explorer 9+YESNONO
Chrome 6+YESYESYES
Firefox 3.6+YESYESYES
Safari 5+YESYESNO
Opera 10+YESYESYES

MIME-Typen für Audioformate

FormatMIME-type
MP3audio/mpeg
Oggaudio/ogg
Wavaudio/wav

HTML5 Audio-Tag

TagBeschreibung
<audio>Definiert den Audioinhalt
<source>Bestimmt Multimedia-ressourcen, können mehrere sein, in <video> und im <audio>-Tag verwendet
HTML5 FormularelementeHTML5 Video (Video)