Summary  
This chapter explains how to embed and configure audio playback in HTML using the `<audio>` element and its attributes (controls, autoplay, loop, muted, volume) along with fallback content.  

General domain of usage  
Web development (rich media integration)

Das `<audio>`-Element kann verwendet werden, um Audiodateien auf einer Webseite einzubinden. Hier ein Beispiel:

PGF1ZGlvIGNvbnRyb2xzPgogIDxzb3VyY2UKICAgIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY29kZS0xL2h0bWwrYXVkaW8rZXhhbXBsZSIKICAgIHR5cGU9ImF1ZGlvL21wMyIKICAvPgogIEZhbGxiYWNrIG1lc3NhZ2UgKGNhbiBiZSBhbnkgdGV4dCkKPC9hdWRpbz4=

In diesem Beispiel:
- Das `<audio>`-Element enthält ein `<source>`-Element, das die URL und den Dateityp der Audiodatei angibt. Häufig unterstützte Formate sind MP3 und OGG;
- Das Attribut `controls` zeigt Standard-Steuerelemente wie Wiedergabe, Pause und Lautstärke an;
- Falls der Browser des Nutzers das Audio-Element nicht unterstützt, wird eine Ersatzmeldung angezeigt.

Zusätzliche Attribute, die häufig mit dem HTML-Audio-Element verwendet werden, sind:
- `autoplay`: startet die Wiedergabe der Audiodatei, sobald die Seite geladen wird;
- `loop`: lässt die Audiodatei kontinuierlich wiederholen;
- `muted`: schaltet den Ton standardmäßig stumm;
- `volume`: legt die Standardlautstärke der Audiodatei fest, von 0.0 (stumm) bis 1.0 (volle Lautstärke).

Hier ist ein Beispiel, das die Verwendung all dieser Attribute zeigt:

PGF1ZGlvIGNvbnRyb2xzIGF1dG9wbGF5IGxvb3AgbXV0ZWQgdm9sdW1lPSIwLjUiPgogIDxzb3VyY2Ugc3JjPSJhdWRpby5tcDMiIHR5cGU9ImF1ZGlvL21wMyI+CiAgU29ycnksIHlvdXIgYnJvd3NlciBkb2VzIG5vdCBzdXBwb3J0IGF1ZGlvLgo8L2F1ZGlvPg==

Welche der folgenden Aussagen über das `<audio>`-Element in HTML ist korrekt?

Erlernen Sie die Grundlagen von HTML (HyperText Markup Language), dem Fundament der Webentwicklung. Dieser einsteigerfreundliche Kurs behandelt Tags, Attribute, Elemente und die Strukturierung von Webseiten. Erwerben Sie praktische Fähigkeiten im Erstellen von Überschriften, Absätzen, Listen, Bildern, Links, Formularen und Tabellen. Entdecken Sie Best Practices, Optimierung und Webzugänglichkeit. Beginnen Sie Ihre Webentwicklungsreise mit HTML.

Erkunden Sie die Funktionsweise des Webs. Erfahren Sie, wie Daten über Netzwerke übertragen werden, entdecken Sie die Rolle von Protokollen und entschlüsseln Sie die Geheimnisse von IP-Adressen und Domainnamen. Gewinnen Sie ein grundlegendes Verständnis darüber, wie Webbrowser und Server miteinander kommunizieren, um Webinhalte bereitzustellen.

Erkunden Sie die Möglichkeiten von Tags zur Strukturierung von Inhalten, von Überschriften und Absätzen bis hin zu Listen und Tabellen. Erfahren Sie, wie Sie Elemente mit Attributen erweitern können.

Der Kern der HTML-Dokumentstruktur. Lernen Sie die Bestandteile eines HTML-Dokuments kennen, einschließlich der Doctype-Deklaration, des Head- und Body-Bereichs. Verstehen Sie den Zweck jedes Elements und wie sie zur Gesamtstruktur einer Webseite beitragen.

Gestaltung einer ansprechenderen Webseite durch den Einsatz von Medien wie Bildern, Audio und Video. Umgang mit strukturierten tabellarischen Daten in Form von Tabellen.

Erkunden Sie die Vielseitigkeit von HTML-Formularen. Lernen Sie, intuitive und benutzerfreundliche Formulare durch Anwendung zentraler Konzepte und Techniken zu gestalten. Entdecken Sie, wie Formulare die Benutzerinteraktion und Datenübermittlung auf Websites ermöglichen.

Einbetten von Audio für Rich Media

Einbetten von Audio für Rich Media