[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/de/docs/Web/API/HTMLAudioElement [Back]  [Original]

HTMLAudioElement - Web-APIs | MDN

Dieser Inhalt wurde automatisch aus dem Englischen bersetzt, und kann Fehler enthalten. Erfahre mehr ber dieses Experiment.

View in English Always switch to English

HTMLAudioElement

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Juli 2015 browserbergreifend verfgbar.

Das HTMLAudioElement-Interface bietet Zugriff auf die Eigenschaften von <audio>-Elementen sowie Methoden zu deren Manipulation.

Dieses Element basiert auf dem HTMLMediaElement-Interface und erbt von diesem Eigenschaften und Methoden.

EventTarget Node Element HTMLElement HTMLMediaElement HTMLAudioElement

In diesem Artikel

Konstruktor

Audio()

Erstellt und gibt ein neues HTMLAudioElement-Objekt zurck. Optional kann der Ladevorgang einer Audio-Datei in das Objekt gestartet werden, wenn die Dateiadresse angegeben ist.

Instanz-Eigenschaften

Keine spezifischen Eigenschaften; erbt Eigenschaften von seinem Elterninterface HTMLMediaElement und vom HTMLElement.

Instanz-Methoden

Erbt Methoden von seinem Elterninterface HTMLMediaElement und vom HTMLElement. Es bietet keine eigenen Methoden an.

Beispiele

Grundlegende Verwendung

Sie knnen ein HTMLAudioElement vollstndig mit JavaScript unter Verwendung des Audio()-Konstruktors erstellen:

js
const audioElement = new Audio("car_horn.wav");

dann knnen Sie die play()-Methode auf dem Element aufrufen

js
audioElement.play();

Hinweis: Ein hufiger Fehler ist der Versuch, ein Audio-Element direkt beim Laden der Seite abzuspielen. Die Standard-Autoplay-Richtlinie moderner Browser wird dies blockieren. Weitere Informationen finden Sie bei Firefox und Chrome fr bewhrte Verfahren und Umgehungen.

Einige der am hufigsten verwendeten Eigenschaften des Audio-Elements sind src, currentTime, duration, paused, muted und volume. Dieses Snippet kopiert die Dauer der Audiodatei in eine Variable:

js
const audioElement = new Audio("car_horn.wav");
audioElement.addEventListener("loadeddata", () => {
  let duration = audioElement.duration;
  // The duration variable now holds the duration (in seconds) of the audio clip
});

Events

Erbt Methoden von seinem Elterninterface HTMLMediaElement und von seinem Vorfahren HTMLElement. Sie knnen Events mit addEventListener() berwachen oder einen Event-Listener an die oneventname-Eigenschaft dieses Interfaces zuweisen.

Spezifikationen

Spezifikation
HTML
# htmlaudioelement

Browser-Kompatibilitt

Siehe auch


Web Proxy Viewer  |  New URL  |  Original Page