Welche Tags werden zum Abspielen von Musik in HTML5 verwendet?

html5 verwendet den Tag „

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

html5 verwendet den Tag „

<audio src="music.mp3"></audio>

Die Verwendung ist sehr einfach, genau wie das

Wenn Sie einfach so schreiben, ist auf der Seite nichts Offensichtliches zu sehen und das

Für Browser, die das

    <audio src="music.mp3">
        别试了，是你的浏览器渣渣
    </audio>

Um es uns zu erleichtern, die Audiodatei zu steuern, ihren Fortschritt, ihre Wiedergabe, Pause, Lautstärke usw. zu steuern, können wir ihr das Steuerattribut hinzufügen:

    <audio src="m.mp3" controls></audio>

Die Verwendung ist die gleiche wie bei < ;video>-Tag. Durch das Hinzufügen des Steuerelementattributs werden verschiedene Browser unterschiedliche Stile von Bedienfeldern anzeigen.

(Audio-Bedienfeld des Chrome-Browsers)

(Audio-Bedienfeld des Firefox-Browsers)

(Audio-Bedienfeld des IE-Browsers)

Welches besser aussieht, ist eine Frage der Entscheidung ~~

Wie das

Sie haben die gleiche Funktion und Verwendung, nämlich das Einführen mehrerer Audios. Bei Browsern, die das

    <audio>
        <source src="music.mp3">
        <source src="music.ogg">
        <source src="music.wav">
    </audio>

Hinweis: Die gängigen Audiodateiformate sind: mp3, wav, ogg. Verschiedene Browser bieten unterschiedliche Unterstützungsstufen für die drei Formate. Unter diesen wird das MP3-Format am besten unterstützt.

Autoplay-Attribut: Nachdem der Ladevorgang abgeschlossen ist, wird die Wiedergabe automatisch abgespielt. Auch sehr einfach zu bedienen.

 <audio src="m.mp3" autoplay></audio>

loop-Attribut: Wie der Name schon sagt, Loop-Wiedergabe.

<audio src="m.mp3" loop></audio>

Preload-Attribut: Wird verwendet, um zu steuern, wann das Audio geladen wird. Es gibt drei entsprechende Werte für

 <audio src="m.mp3" preload="auto"></audio>

:

• none: standardmäßig nicht geladen und wird bei Bedarf erneut geladen.

• Metadaten: Metadaten, standardmäßig nicht geladen, aber die Metadateninformationen des Audios können extrahiert werden.

• Auto: Automatisches Laden, das gesamte Audio wird geladen, nachdem die Webseite geladen wurde.

muted-Attribut: Mute-Effekt.

<audio></audio>

Stummschaltungsattribut hinzugefügt,

Auch wenn der Ton abgespielt wird, ist kein Ton zu hören, es sei denn, der Benutzer stellt die Lautstärke des Bedienfelds manuell ein.

Verwandte Empfehlungen: „

HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWelche Tags werden zum Abspielen von Musik in HTML5 verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!