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

青灯夜游
Freigeben: 2018-10-09 15:56:20
nach vorne
6269 Leute haben es durchsucht

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!

Verwandte Etiketten:
Quelle:jb51.net
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage