In HTML können Audio- und Videoinhalte direkt in Webseiten eingebettet werden – hierfür werden die Tags <audio> bzw. <video> verwendet. Zunächst wird das Einbetten von Audiodateien behandelt:

Einbetten von Audio

Das <audio>-Tag bettet Audiodateien in ein HTML-Dokument ein. Es ermöglicht das direkte Abspielen von Audiodateien im Browser.

Audio-Attribute

• controls: Fügt dem Player Standard-Audiosteuerungen wie Abspielen, Pause und Lautstärkeregelung hinzu;
• autoplay: Gibt an, ob die Audiodatei beim Laden der Seite automatisch abgespielt werden soll;
• loop: Gibt an, ob die Audiodatei kontinuierlich wiederholt werden soll.

Beispiel:

<audio controls autoplay loop>
  <!-- Some other tags -->
</audio>

Es ist Ihnen vielleicht aufgefallen, dass wir bisher nur die Eigenschaften des Audioplayers angegeben haben, aber nicht woher das Audio stammt. Dafür benötigen wir das <source>-Tag.

Quelle

Das <source>-Tag wird innerhalb des <audio>-Tags verwendet, um die URL der Audiodatei und deren Attribute anzugeben. Mit dem Attribut src wird die URL der Audiodatei festgelegt und mit dem Attribut type der MIME-Typ der Audiodatei definiert.
Beispiel:

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

Im obigen Beispiel:

• Das <audio>-Tag enthält Attribute wie controls, autoplay und loop;
• Die <source>-Tags geben die Quell-URLs der Audiodateien und deren MIME-Typen an;
• Falls der Browser das <audio>-Tag oder die angegebenen Audioformate nicht unterstützt, wird der alternative Text Your browser does not support the audio element. angezeigt.

Videoanleitung