Audio -Tag in HTML | Erklärt

HTML5 bietet ein Tag zum Hinzufügen von Audiodateien zu Websites. Das Hinzufügen von Multimedia zu einer beliebigen Website ist eine bemerkenswerte Möglichkeit, das Publikum anzuziehen, und die angemessene Nutzung von Audiodateien auf einer Website führt zu einem besseren Web -Erlebnis. Mit Hilfe von Multimedia-Elementen wie und können wir jeder Website Sounds und Visuals hinzufügen, und wir können sie leicht ohne Add-Ons abspielen. Mit Tag können wir eine Audiodatei auf unseren Websites in verschiedenen Formaten i einbetten.e. MP3, WAV, Ogg.

Sind Sie bereit zu lernen, wie Tag funktioniert, wenn ja, müssen Sie die folgenden Aspekte des HTML -Tags verstehen:

• Die grundlegende Syntax des Tags
• Attribute des Tags
• Häufig verwendete Audioformate
• Browser -Unterstützung für Tag
• So verwenden Sie Tag

Lass uns anfangen!

Syntax

Das bellow-Given-Snippet zeigt die grundlegende Syntax des Tags:

• SRC und Typ sind Attribute des Tags, wir werden sie im Abschnitt Attribute kennenlernen.
• Hier wird ein wichtiger Punkt zu verstehen, was wir in den Start- und End -Tags schreiben, wird nur angezeigt, wenn der Browser die Audio -Datei nicht unterstützt

Attribute

Es gibt einige Attribute, die im unten aufgeführten Tag verwendet werden können:

• Kontrollen: Wie der Name selbst vorschlägt, ermöglicht es uns, die Audiodatei i zu steuern i.e. Es gibt an, welche Steuerelemente für den Benutzer E sichtbar sein sollen.G. Spielen, Pause, Stummschaltung usw.
• SRC: bestimmt die Adresse der Audiodatei.
• Schleife: Es ermöglicht die Schleifenstruktur i.e. Audiodateien werden immer und immer wieder gespielt.
• gedämpft: Es bestimmt, ob die Audiodatei gedämpft wird
• Vorspannung: Es bestimmt die Ansicht des Autors darüber, wie Audiodatei beim Laden der Webseite geladen wird
• automatisches Abspielen: Es bestimmt, dass die Datei sofort abgespielt wird

Formate

Tag ist ein modernes Tag, das in HTML5 eingeführt wird. Derzeit unterstützt es drei Dateiformate i.e. "Mp3", "Wav", "Ogg".

Browserunterstützung

Im Folgenden finden Sie die Liste der Browser für die verschiedenen Audiodateiformate:

• Chrome, Microsoft Edge, Opera und Mozilla Firefox unterstützen alle drei Formate I.e. MP3, WAV, Ogg.
• Internet Explorer unterstützt nur MP3 -Format
• Safari unterstützt WAV- und MP3 -Formate

So verwenden Sie Tag

Betrachten Sie den folgenden Code-Snippet, um zu verstehen, wie das Tag zum Einbetten einer Audiodatei in eine Webseite einbettet:

Audio -Tag

Datei nicht unterstützt

Dieser Code führt die folgenden Funktionen aus:

• Wir haben das Attribut „Steuerelemente“ im Tag hinzugefügt, damit ein Benutzer die Datei in Bezug auf Spiel/Pause, Stummschalter/Stütze usw. steuern kann.
• Tag helfen uns bei der Angabe der Mehrfachdateien.

Im Folgenden finden Sie die Ausgabe für den oben genannten Code -Snippet:

Mehrere Dateiformate können in diesem Fall im Tag angegeben werden. Der Browser spielt die erste anerkannte Quelle.

Ändern wir das Beispiel ein wenig und fügen Sie das "gedämpfte" Attribut im Tag hinzu

Audio -Tag

Datei nicht unterstützt

Wenn wir den Code nun ausführen, wird die Datei zunächst gedämpft:

In ähnlicher Weise können Sie das Autoplay, die Schleife oder jedes andere Attribut entsprechend Ihrem Bedarf verwenden.

Abschluss

Audio -Tag kann verwendet werden, um eine Audiodatei zu jedem Dokument/der Website hinzuzufügen. In der Audio -Tag können verschiedene Attribute verwendet werden, um verschiedene Funktionen auszuführen. Wenn wir die Adressen von mehr als einer Audiodatei angeben, fügt der Browser die erste Datei an das Dokument an. Dieser Artikel zeigt, was HTML -Tag ist und wie das Tag verwendet wird. Darüber hinaus enthält es eine detaillierte Erklärung der verfügbaren Audiodateiformate und unterstützten Browser.