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

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 b97864c2e0ef2353a16c4d64c7734e92-Tag

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 b97864c2e0ef2353a16c4d64c7734e92-Tag kann das e02da388656c3265154666b7c71a8ddc-Tag innerhalb des b97864c2e0ef2353a16c4d64c7734e92-Tags verschachtelt werden. Nehmen wir an, Sie sind Wagner-Fan und möchten seine Oper „Ritt der Walküren“ auf einer HTML5-Seite hören. Zunächst müssen Sie Ihre Musik in drei Dateitypen herunterladen, nämlich OGG, MP3 und WAV. Platzieren Sie diese Musikdateien im selben Ordner wie die HTML5-Dateien. Fügen Sie dann jeden Dateinamen in ein separates e02da388656c3265154666b7c71a8ddc-Tag ein, und alle Quell-Tags im Audiocontainer bestehen aus b97864c2e0ef2353a16c4d64c7734e9281d2bc32cafa2076a27f10cdd878d0ab, wie unten gezeigt.

<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>

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!