Heim Web-Frontend H5-Tutorial Lösung für das von Audio in HTML5 unterstützte Audioformat

Lösung für das von Audio in HTML5 unterstützte Audioformat

Oct 09, 2018 pm 03:56 PM
audio html5

HTML5-Audio-Tag kann WAV, MP3, OGG, Acc, WebM und andere Formate unterstützen, aber es gibt ein sehr wichtiges Musikdateiformat Midi (Erweiterung Mid), das in den wichtigsten Browsern keine integrierte Unterstützung bietet. Aufgrund von Urheberrechtsproblemen unterstützen nicht alle Browser MP3 OGG und dergleichen. In diesem Artikel wird Ihnen die Lösung zur Audiounterstützung im HTML5-Format vorgestellt. Interessierte Freunde sollten einen Blick darauf werfen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Browser- und Audiokompatibilität

Nicht alle Browserhersteller sind sich über die Verwendung bestimmter Audiodateiformate einig. Bei Bildern werden Dateien im PNG-, JPEG- oder GIF-Format in jedem Browser auf Ihre Seite geladen. Bei Audiodateien ist dies leider nicht der Fall. Tabelle 1 zeigt die Audiodateiformate, die in Webseiten verwendet werden können, aber nicht alle Formate sind in allen Browsern verfügbar. Beispielsweise unterstützen die Browser Chrome, Internet Explorer 9 (IE9) und Safari keine WAV-Dateien, einen rückläufigen Standard, der ein unkomprimiertes Format verwendet.

HTML5-Browser- und Audioformatkompatibilität

音频格式 Chrome Firefox IE9 Opera Safari
OGG 支持 支持 支持 不支持 不支持
MP3 支持 不支持 支持 不支持 支持
WAV 不支持 支持 不支持 支持 不支持

Kein universelles Dateiformat Da von jedem Browser ein einziges Dateiformat verwendet wird, können mindestens 2/5 Browser nicht abgespielt werden bestimmte Geräusche. Dabei geht es nicht darum, dass Browser-Hersteller unnachgiebig sind und sich nicht auf einen einzigen Audiostandard einigen können, sondern vielmehr um ein rechtliches und finanzielles Problem, bei dem es um Patentrechte und Lizenzgebühren geht. Das OGG-Format, das nicht durch Softwarepatente eingeschränkt ist, soll dieses Problem endgültig lösen. Allerdings unterstützen zum Zeitpunkt des Schreibens weder Opera noch Safari OGG. Es sind viel mehr WAV- und MP3-Dateien verfügbar als Dateien im OGG-Format, daher haben die Browserhersteller dies zweifellos berücksichtigt. MP3 als De-facto-Standard ist eine großartige Lösung.

Lösung: Verwenden Sie drei Dateitypen und das

Angesichts der aktuellen Situation denken Sie vielleicht, dass dies nicht der Fall ist Der goldene Moment für die Verwendung von Audio auf HTML5-Seiten. In mancher Hinsicht mag das stimmen, aber HTML5 bietet eine Lösung, die es Ihrem Lieblingsbrowser ermöglicht, ein kompatibles Format zu finden.

Bei Verwendung in Verbindung mit dem

<audio controls>
    <source src=”http://demo.mimvp.com/html5/take_you_fly.ogg” />
    <source src=”http://demo.mimvp.com/html5/take_you_fly.mp3″ />
    <source src=”http://demo.mimvp.com/html5/take_you_fly.wav” />
</audio>
Nach dem Login kopieren

Ganz gleich, welchen Browser Ihr Besucher verwendet, er wählt automatisch den ersten Dateityp aus, den er liest, und spielt den Ton für Sie ab.

Zusammenfassung

Das Obige ist der gesamte Inhalt der Audio-Unterstützungs-Audioformatlösung in HTML5, die Ihnen vorgestellt wurde. Ich hoffe, dass er hilfreich sein kann an alle. Lernen hilft. Weitere verwandte Tutorials finden Sie unter Html5-Video-Tutorial!

Verwandte Empfehlungen:

PHP-Video-Tutorial zum Gemeinwohltraining

HTML5-Grafik-Tutorial

HTML5 Online-Handbuch

Das obige ist der detaillierte Inhalt vonLösung für das von Audio in HTML5 unterstützte Audioformat. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

Klipsch stellt die Flaggschiff-Soundbar Flexus Core 300 mit 8K-Unterstützung, 12 Lautsprechern und Raumkorrektur vor Klipsch stellt die Flaggschiff-Soundbar Flexus Core 300 mit 8K-Unterstützung, 12 Lautsprechern und Raumkorrektur vor Sep 05, 2024 am 10:16 AM

Der Klipsch Flexus Core 300 ist das Topmodell der Serie und positioniert sich über dem bereits verfügbaren Flexus Core 200 im Soundbar-Sortiment des Unternehmens. Laut Klipsch handelt es sich um die erste Soundbar der Welt, deren Klang sich an die Anforderungen anpassen lässt

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

See all articles