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

index.html

Hinweis

Gängige Audioformate: MP3, Ogg, WAV. Die Verwendung mehrerer Formate erhöht die Browserkompatibilität.

1. Welches Tag wird verwendet, um Audioinhalte in ein HTML-Dokument einzubetten?

2. Warum wird empfohlen, Audiodateien in mehreren Formaten bereitzustellen?

War alles klar?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 3

Fragen Sie AI

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Swipe um das Menü anzuzeigen