Einbetten von Audiodateien in HTML

HTML ermöglicht das direkte Einbinden von Audio auf einer Webseite mit dem <audio>-Tag.

Audio einbetten

Das <audio>-Tag zeigt einen Audioplayer im Browser an.

Nützliche Audio-Attribute

• controls: zeigt Wiedergabe, Pause, Lautstärke usw. an;
• autoplay: startet die Wiedergabe automatisch;
• loop: wiederholt die Audiodatei kontinuierlich

<audio controls autoplay loop>
  <!-- Source goes here -->
</audio>

Hinzufügen der Audioquelle

Das <source>-Tag innerhalb von <audio> gibt dem Browser an, wo sich die Audiodatei befindet und welches Format sie hat.

<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>

• <audio> definiert den Player und sein Verhalten;
• <source> stellt Audio-Datei-URLs und -Formate bereit;
• Der Fallback-Text erscheint, wenn der Browser keine Audiodateien abspielen kann.