HTML -Tutorial

HTML-HOME HTML-Einführung HTML-Editoren HTML-Basis HTML-Elemente HTML-Attribute HTML-Überschriften HTML-Absätze HTML-Stile HTML-Formatierung HTML-Zitate HTML-Kommentare HTML-Farben HTML-CSS HTML-Links HTML-Bilder HTML-Favicon HTML-Tabellen HTML-Listen HTML-Block und Inline HTML-Klassen HTML-ID HTML-Iframes HTML-JavaScript HTML-Dateipfade HTML-Kopf HTML-Layout HTML-responsiv HTML Computercode HTML-Semantik HTML-Styleguide HTML-Entitäten HTML-Symbole HTML-Emojis HTML-Zeichensatz HTML-URL-Codierung HTML vs. XHTML

HTML -Formulare

HTML-Formulare HTML-Formularattribute HTML-Formularelemente HTML-Eingabetypen HTML-Eingabeattribute HTML-Eingabeformularattribute

HTML -Grafiken

HTML-Leinwand HTML-SVG

HTML- Medien

HTML-Medien HTML-Video HTML-Audio HTML-Plugins HTML-YouTube

HTML -APIs

HTML-Geolokalisierung HTML-Drag/Drop HTML-Webspeicher HTML-Webworker HTML-SSE

HTML- Beispiele

HTML-Beispiele HTML-Quiz HTML-Übungen HTML-Zertifikat HTML-Zusammenfassung HTML-Barrierefreiheit

HTML -Referenzen

HTML-Tag-Liste HTML-Attribute Globale HTML-Attribute HTML-Browser-Unterstützung HTML-Ereignisse HTML-Farben HTML-Leinwand HTML-Audio/Video HTML-Doctypes HTML-Zeichensätze HTML-URL-Codierung HTML-Sprachcodes HTTP-Nachrichten HTTP-Methoden PX-zu-EM-Konverter Tastatürkürzel

HTML- Audio


Das HTML <audio>-Element wird verwendet, um eine Audiodatei auf einer Webseite abzuspielen.


Das HTML-<audio>-Element

Um eine Audiodatei in HTML abzuspielen, verwenden Sie das <audio>Element:

Beispiel

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

HTML-Audio – wie es funktioniert

Das controlsAttribut fügt Audiosteuerelemente wie Wiedergabe, Pause und Lautstärke hinzu.

Das <source>Element ermöglicht es Ihnen, alternative Audiodateien anzugeben, aus denen der Browser auswählen kann. Der Browser verwendet das erste erkannte Format.

Der Text zwischen den Tags <audio>und wird nur in Browsern angezeigt, die das Element </audio>nicht unterstützen .<audio>


HTML <Audio> Autoplay

Um eine Audiodatei automatisch zu starten, verwenden Sie das autoplayAttribut:

Beispiel

<audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Hinweis: Chromium-Browser erlauben in den meisten Fällen keine automatische Wiedergabe. Stummgeschaltetes Autoplay ist jedoch immer erlaubt.

Fügen Sie muteddanach hinzu autoplay, damit Ihre Audiodatei automatisch abgespielt wird (aber stummgeschaltet):

Beispiel

<audio controls autoplay muted>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die das <audio>Element vollständig unterstützt.

Element
<audio> 4.0 9.0 3.5 4.0 10.5


HTML-Audioformate

Es gibt drei unterstützte Audioformate: MP3, WAV und OGG. Die Browserunterstützung für die verschiedenen Formate ist: 

Browser MP3 WAV OGG
Edge/IE YES YES* YES*
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

*Ab Edge 79


HTML-Audio - Medientypen

File Format Media Type
MP3 audio/mpeg
OGG audio/ogg
WAV audio/wav

HTML-Audio - Methoden, Eigenschaften und Ereignisse

Das HTML-DOM definiert Methoden, Eigenschaften und Ereignisse für das <audio>Element.

Auf diese Weise können Sie Audios laden, abspielen und anhalten sowie Dauer und Lautstärke einstellen.

Es gibt auch DOM-Ereignisse, die Sie benachrichtigen können, wenn ein Audio zu spielen beginnt, angehalten wird usw.

Eine vollständige DOM-Referenz finden Sie in unserer HTML-Audio/Video-DOM-Referenz .


HTML-Audio-Tags

Tag Description
<audio> Defines sound content
<source> Defines multiple media resources for media elements, such as <video> and <audio>