Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

<audio>NEU

Bislang standen zur Wiedergabe von Medieninhalten nur sehr rudimentäreInformationBedeutung: 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.

elementspezifischen Attribute
AttributBeschreibung
autobufferMedieninhalt vor dem abspielen zwischenspeichern
autoplayMedieninhalt direkt beim Laden abspielen
controlsBrowsertypische Kontrollleiste anzeigen
loopMedieninhalt endlos wiedergeben
srcGültige URL zu dem jeweiligen Medieninhalt

Beispiel:

<audio src="audio.ogg" controls="controls">
// <!-- Fehlermitteilung -->
Ihr Browser unterstützt das HTML5 Element audio nicht!
</audio>
BrowserOgg VorbisMP3WAVE
Internet Explorer 11
Firefox 38.0
Chrome 43.0
Safari 8.0
Opera 29

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


W3C Logo Spezifikation

Tastaturkürzel