Gelöst: Wie man Audio in HTML einbettet

Startseite » HTML » Gelöst: Wie man Audio in HTML einbettet

Das Hauptproblem beim Einbetten von Audio in HTML ist die Browserkompatibilität. Unterschiedliche Browser unterstützen möglicherweise unterschiedliche Audioformate, und nicht alle Browser unterstützen dieselben Audio-Codecs. Außerdem werden HTML5-Audio-Tags nicht von allen Browsern unterstützt, sodass ältere Versionen von Internet Explorer möglicherweise keine eingebetteten Audiodateien wiedergeben können. Darüber hinaus können einige Mobilgeräte aufgrund von Hardware- oder Softwareeinschränkungen Schwierigkeiten beim Abspielen bestimmter Arten von eingebetteten Audiodateien haben.

<audio controls>
  <source src="yourAudioFile.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

1.

2.– Diese Codezeile gibt an, welche Audiodatei für das Audioelement verwendet werden soll. Das source-Attribut ist auf „yourAudioFile.mp3“ gesetzt, was eine .mp3-Datei ist, und das type-Attribut ist auf „audio/mpeg“ gesetzt, damit Browser wissen, um welchen Dateityp es sich handelt.

3. Ihr Browser unterstützt das Audio-Element nicht. – Diese Codezeile enthält eine Meldung für Browser, die keine HTML5-Audioelemente unterstützen, und teilt ihnen mit, dass sie diese bestimmte Audiodatei in ihrem Browser nicht abspielen können.

Audioelement einbetten

Der HTML

Um ein Audioelement auf Ihrer Webseite zu verwenden, müssen Sie es in Ihren HTML-Code einfügen:

Das Attribut „controls“ fügt dem Element Player-Steuerelemente (Wiedergabe/Pause usw.) hinzu, sodass Benutzer die Audiowiedergabe steuern können. Das Attribut „src“ gibt den Speicherort der Audiodatei und ihren Typ („type“) an. Sie können auch mehrere Quellen für verschiedene Dateitypen angeben (z. B. .ogg und .mp3).

Wie bette ich Audio in HTML ein