Frage

Welche Browser die HTML-5 <audio> Tag auf Windows heute unterstützen?

Edit: Der Versuch, http://moztw.org/demo/audioplayer/ als Test. Chrome 2 und Safari 4 nicht für mich arbeiten.

War es hilfreich?

Lösung

Safari 3.1+ und Firefox 3.5 unterstützen beide das Audio-Element. Opera 10 tut nicht unterstützt das Audio-Element, obwohl es eine ältere Version davon in Form eines Audio-Objekts unterstützt. Chrome 3 wird das Audio-Element wahrscheinlich unterstützen.

(Gerade haben Sie die Unterstützung für die jeweilige Seite wissen wollte. Das vor allem auf den Codecs ab, die Sie verwenden, ich habe Angst.)

(Disclaimer:. Ich arbeite für Opera und bin Mitglied der HTML WG)

Andere Tipps

, wenn diese den Wert true:

!!document.createElement('audio').canPlayType

, dann haben Sie Audio-Tag-Unterstützung in Ihrem Browser. Doing eine Funktion wie diese erkennen ist viel besser als Useragent-Strings parsen.

Alternativ können Sie so etwas wie Modernizr verwenden, um dies zu handhaben erkennen und viele andere für Sie.

Unser Blog Post .

mehr up to date Informationen über modernen Browser-Unterstützung für HTML5-Audio enthält.

Ab Juli 2011

IE9

Unterstützt MP3 und AAC

Firefox 5

Unterstützt Ogg und Wav

Chrome 12

Unterstützt Ogg, MP3, WAV und AAC

Safari 5

Unterstützt MP3, AAC und WAV

Opera 11

Unterstützt Ogg und Wav

Wie Sie aus den obigen Daten und beim Lesen der Blog-Post sehen, es ist ein bisschen eine frustrierende Situation, da es nicht ein Audio-Format, das von allen Browsern unterstützt wird. Es gibt keine unmittelbaren Anzeichen für eine Auflösung noch nicht.

Ich habe eine Liste, wenn der Browser gestartet Unterstützung der Audio-Tag und welche Audioformate sie unterstützen.

Die Unterstützung ist ziemlich gut jetzt. Seit IE9, die neuesten Versionen aller Desktop-Browser und die meisten die mobilen Browser unterstützen die Audio-Tag. Der einzige Grund, es nicht zu verwenden, alte Versionen von IE zu unterstützen wäre, aber man kann immer einen Rückfall zur Verfügung stellen, wenn das wichtig ist.

Hier sind die Details für Desktop-Browser:

+---------+-------------------------+----------------------------------+
| Browser | Supported since version |             Formats              |
+---------+-------------------------+----------------------------------+
| IE      | 9.0                     | AAC or .mp3                      |
| Firefox | 3.5                     | .ogg, .wav                       |
| Chrome  | 3                       | .mp3, .ogg                       |
| Safari  | 4                       | Any audio supported by Quicktime |
| Opera   | 9.5                     | .ogg, .wav                       |
+---------+-------------------------+----------------------------------+

Hier sind die Details für mobilen Browser (keine Formatinformationen, sorry):

+--------------+-------------------------+
|   Browser    | Supported since version |
+--------------+-------------------------+
| iOS Safari   | 4                       |
| Opera mobile | 10                      |
| Opera mini   | no support (Dec 2011)   |
| Android      | 2.3                     |
| Blackberry   | 6                       |
+--------------+-------------------------+

Wenn Sie die Audio verwenden möchten, ist es wichtig zu bieten beide .ogg und .mp3 Versionen der Datei gute Cross-Browser-Unterstützung.

<audio controls>
   <source src="/my-podcast.mp3" />
   <source src="/my-podcast.ogg" />
</audio>

Hier ist ein wikipedia Artikel jeden Browser HTML5-Unterstützung zu vergleichen:

Für Safari, um Audio auf Windows zu unterstützen, muss Quicktime installiert sein. Die JavaScript-Snippet Berichte korrekt, wenn es unterstützt wird oder nicht.

Alle diese Browser unterstützen die Funktionalität des Tags. Der Grund, der Player nicht auf Safari arbeiten, weil Sie OGG-Dateien verwenden. OGG auf Firefox und Chrome unterstützt.
Firefox unterstützt nur WAV und OGG. Chrome unterstützt alles. Opera unterstützt nur WAV. Safari unterstützt alles, aber OGG.

Viel Glück!

Oper 10 und ff 3.5, nicht wissen, über Safari

Ich bin sicher, von Safari 4, Firefox 3.5 von RC1 und vielleicht Chrome 2.

Soweit ich weiß, es unterstützt wird, entweder teilweise oder vollständig in dem Gecko, WebKit und Presto-Motoren.

So dass jeder Browser, der eine aktuelle Version dieser Motoren verwendet, sollte es unterstützen.

Gecko, Webkit und Presto-Motoren sind annehmen, um ihn zu unterstützen, aber ich denke, zum Teil nur. So Firefox 3.5 und Opera ist die beste Wahl.

Die Seite (moztw.org/demo/audioplayer) funktioniert OK in Chrome 3 (dev-Kanal)

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top