HTML - Element: <audio>

Mit dem <audio>-Tag (HTML 5) und dem <source>-Tag (source = Quelle) können Audio-Inhalte abgespielt werden. Beachten Sie, das die Browser nicht alle Formate unterstützen, hinterlegen Sie deshalb min. ein alternatives Format.

<!DOCTYPE html>
<html>
<head>
 <title>Audio</title>
</head>
<body>

<h1>Audio</h1>

<p>
 <audio controls>
  <source src="pferd.mp3" type="audio/mpeg">
  <source src="pferd.ogg" type="audio/ogg">
  Dieser HTML5 Player wird von deinem Browser nicht unterstützt!
 </audio>
</p>

</body>
</html>

Beispiel anzeigen

Attribute

src="" - Gibt den Pfad zur Datei an.
type="" - Gibt den Datentyp der Datei an.
controls - Gibt an, dass Steuerelemente (z. B. Wiedergabe/Pause Button etc.) angezeigt werden sollen.
preload - Gibt an, das die Datei beim laden der Seite mitgeladen wird.
loop - Gibt an, das immer wieder vom neuen gestartet wird, jedes Mal, wenn es abgespielt wurde.
autoplay - Gibt an, dass die Audio Wiedergabe startet, sobald die Datei geladen ist.

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<aside> Nebeninhalt

CSS - Tabellenzeilen einfärben

PHP - Variable auf Buchstaben und Zahlen prüfen

JavaScript - Anzahl der Wörter als Fortschrittsbalken anzeigen

MySQL - Mit mehreren Begriffen gleichzeitig suchen

Werbung in Signaturen
Sie sind in Communities, Foren und sonstigen Gemeinschaften aktiv? Da gibt es oft eine Möglichkeit, eine Signatur zu erstellen, wo man etwas hinschreibt, was unter jedem Beitrag zu sehen ist, wie eine Briefsignatur. Darin können sie wunderbar Werbung für Ihre Homepage machen. Oder in Ihren Emails die Sie versenden.