<audio>NEU
Bislang standen zur Wiedergabe von Medieninhalten nur sehr rudimentäreBedeutung: rudimentäreunvollständig, unvollkommen, nur in Ansätzen [vorhanden], unzureichend Lösungen in HTML zur Verfügung. Mit dem HTML5
<audio>
Element ist nun das Abspielen einer Vielzahl von Medieninhalten in HTML möglich und dies ohne die bisher genutzten Adobe Flash oder Plug-Ins von Drittanbietern.
Die native Unterstützung von multimedialen Inhalten scheitert in der praktischen Anwendung am Format. Die lizenzrechtlichen Bedenken der Browserhersteller führten dazu, dass man sich auf keinen Standard bezüglich des Formats einigen konnte, eigentlich war das lizenzfreie ogg Format vorgesehen. Bei der Einbindung des <audio>
Elements können daher ein oder besser mehrere Formate definiert werden, aus denen der jeweilige Browser das von ihm ausgabefähige Format auswählt.
Attribut | Beschreibung |
---|---|
autobuffer | Medieninhalt vor dem abspielen zwischenspeichern |
autoplay | Medieninhalt direkt beim Laden abspielen |
controls | Browsertypische Kontrollleiste anzeigen |
loop | Medieninhalt endlos wiedergeben |
src | Gültige URL zu dem jeweiligen Medieninhalt |
Beispiel:
<audio src="audio.ogg" controls="controls"> // <!-- Fehlermitteilung --> Ihr Browser unterstützt das HTML5 Element audio nicht! </audio>
Browser | Ogg Vorbis | MP3 | WAVE |
---|---|---|---|
Internet Explorer 11 | ![]() | ![]() | ![]() |
Firefox 57.0 | ![]() | ![]() | ![]() |
Chrome 64.0 | ![]() | ![]() | ![]() |
Safari 11.1 | ![]() | ![]() | ![]() |
Opera 45 | ![]() | ![]() | ![]() |
Beispiel:
<audio controls="controls"> <source src="audio.ogg" /> <source src="audio.mp3" /> <source src="audio.wav" /> // <!-- Flash als Fallback-Lösung --> <embed src="audio.swf" /> // <!-- Fehlermitteilung --> Ihr Browser unterstützt das audio Element nicht! </audio>
Notation
<audio [Attribute]>[Elementinhalt]</audio>
Elternelemente
Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:
Liste der HTML 5 Block-ElementeBlock-Elemente
und Liste der HTML 5 Inline-ElementeInline-Elemente
.
Elementinhalt
Kann Text mit folgenden anderen HTML-Elementen enthalten:
zum <source> Element<source>
und zum <track> Element<track>
.
Attribute
Kann folgende elementspezifische Attribute enthalten:zum HTML5 Attribut autoplayautoplay
| zum HTML5 Attribut controlscontrols
| zum HTML5 Attribut looploop
| zum HTML5 Attribut preloadpreload
| zum HTML5 Attribut srcsrc
Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:zum HTML5 Attribut accesskeyaccesskey
| zum HTML5 Attribut classclass
| zum HTML5 Attribut contenteditablecontenteditable
| zum HTML5 Attribut contextmenucontextmenu
| zum HTML5 Attribut datadata
| zum HTML5 Attribut dirdir
| zum HTML5 Attribut draggabledraggable
| zum HTML5 Attribut hiddenhidden
| zum HTML5 Attribut idid
| zum HTML5 Attribut itemitem
| zum HTML5 Attribut itempropitemprop
| zum HTML5 Attribut langlang
| zum HTML5 Attribut spellcheckspellcheck
| zum HTML5 Attribut stylestyle
| zum HTML5 Attribut subjectsubject
| zum HTML5 Attribut tabindextabindex
| zum HTML5 Attribut titletitle
onabort
| onblur
| oncanplay
| oncanplaythrough
| onchange
| onclick
| oncontextmenu
| ondblclick
| ondrag
| ondragend
| ondragenter
| ondragleave
| ondragover
| ondragstart
| ondrop
| ondurationchange
| onemptied
| onerror
| onfocus
| onkeydown
| onkeypress
| onkeyup
| onloadeddata
| onloadedmetadata
| onloadstart
| onmousedown
| onmousemove
| onmouseout
| onmouseover
| onmouseup
| onmousewheel
| onpause
| onplay
| onplaying
| onprogress
| onratechange
| onreadystatechange
| onscroll
| onstalled
| onsuspend
| ontimeupdate
| onvolumechange
| onwaiting