Beispiel
Sound wiedergeben:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
Versuch es selber " Definition und Verwendung
Die <audio> Tag definiert Ton, wie Musik oder andere Audio - Streams.
Derzeit gibt es drei unterstützten Dateiformate für das <audio> Element: MP3, Wav und Ogg :
| Browser | MP3 | wav | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
MIME-Typen für Audioformate
| Format | Mime Typ |
|---|---|
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Element vollständig unterstützt.
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Unterschiede zwischen HTML 4.01 und HTML5
Die <audio> Tag ist neu in HTML5.
Tipps und Hinweise
Tipp: Jeder Text innerhalb der zwischen <audio> und </audio> wird in Browsern angezeigt werden, die nicht unterstützen <audio> -Tag.
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| autoplay | autoplay | Gibt an, dass der Ton so schnell zu spielen beginnen wird, wie es bereit ist, |
| controls | controls | Gibt an, dass Audio-Steuerelemente (wie eine Play / Pause-Taste, etc.) angezeigt werden sollen |
| loop | loop | Gibt an, dass der Ton wieder von vorne beginnen wird, ist es jedes Mal fertig ist |
| muted | muted | Gibt an, dass die Audioausgabe stumm geschaltet werden soll |
| preload | auto metadata none | Gibt an, ob und wie der Autor meint, sollte die Audio geladen werden, wenn die Seite geladen |
| src | URL | Gibt die URL der Audiodatei |
globale Attribute
Die <audio> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <audio> Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: HTML Audio / Video DOM Referenz
Standard CSS-Einstellungen
Keiner.