2009-06-17 17 views
30

Welche Browser unterstützen heute den html 5 <audio> Tag unter Windows?Welche Browser unterstützen heute den html 5 <audio> Tag unter Windows?

Bearbeiten: Versuchen http://moztw.org/demo/audioplayer/ als Test. Chrome 2 und Safari 4 funktionieren nicht für mich.

+10

Gute Frage. Ich bin mir nicht sicher, warum die Leute schließen wollen, da sie wissen, welche Browser zielgerichtet sind. –

+0

Sie hätten Back-Ticks verwenden können, um den Code

+0

Um klar zu sein, versuche ich einen zu finden, der mit http://moztw.org/demo/audioplayer/ funktioniert – BenB

Antwort

11

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

(Just sah Sie die Unterstützung für die jeweilige Seite wissen wollte, dass vor allem auf den Codecs ab, die Sie verwenden, fürchte ich..)

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

+0

+1: Am nützlichsten Antwort gegeben. –

+0

Prost. Allerdings habe ich Safari 4 auf der Moz-Seite versucht und es scheint nicht zu funktionieren. Wenn Sie Zeit haben, können Sie das bitte bestätigen? – BenB

+0

Wie ich vermutete, ist der Grund Codecs. Safari verwendet QuickTime, das standardmäßig nicht die OGG/Theora/Vorbis-Codecs unterstützt, mit denen Firefox 3.5 ausgeliefert wird. Sie müssen http://www.xiph.org/quicktime/download.html installieren und dann sollte es funktionieren, soweit ich das beurteilen kann. – Anne

0

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

+0

Opera nicht AFAIK –

0

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

0

Soweit ich weiß, dass es entweder unterstützt wird teilweise oder vollständig in den Gecko-, Webkit- und Presto-Engines.

Also jeder Browser, der eine aktuelle Version dieser Engines verwendet, sollte es unterstützen. Hier

3

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

+0

Das hat mich auch getäuscht, da es keine Erwähnung gibt Versionen in diesem Artikel.Außerdem höre ich viel über HTML 5

+0

Wahrscheinlich am besten keine Entscheidungen auf Wikipedia-Artikeln zu treffen. Versuchen Sie stattdessen Modenizr http://www.modernizr.com/ – cofiem

0

Gecko, Webkit und Presto-Motoren sind annehmen, um ihn zu unterstützen, aber ich denke, nur zum Teil. Also Firefox 3.5 und Opera sind deine beste Wette.

0

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

28

wenn dies wahr ausgewertet:

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

, dann sind Sie Audio-Tag-Unterstützung in Ihrem Browser. Eine Feature-Erkennung wie diese ist viel besser als das Parsen von UserAgent-Strings.

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

+1

Andere Ideen/Tools zum Erkennen Unterstützung: Tauchen Sie in HTML5-Referenz http://diveintohtml5.org/everything.html jPlayer http://www.happyworm.com/jquery/jplayer/HTML5.Audio.Support/ – cofiem

+0

Paul, aber auf meinem Gerät Ihren JavaScript-Code zurückgegeben wahr aber immer noch funktioniert das Audio-Tag nicht "Mozilla/5.0 (Linux; U; Android 4.1.2; de-de; GT-S5282 Build/JZO54K) AppleWebKit/534.30 (KHTML, wie Gecko) Version/4.0 Mobile Safari/534.30 "Screenshot: –

+0

Screenshot: https://s.yimg.com/hd/answers/i/b628d455967b460f8fa55e78699ba492_A.jpeg?a=answers&mr=0&x=1477409252&s=a5d53bb0b52cfdf441397bd3d4716d94 –

2

Damit Safari Audio unter Windows unterstützt, muss Quicktime installiert sein. Das JavaScript-Snippet meldet korrekt, ob es unterstützt wird oder nicht.

1

Alle diese Browser unterstützen die Funktionalität des Tags. Der Grund, warum Ihr Player in Safari nicht funktioniert, liegt darin, dass Sie OGG-Dateien verwenden. OGG wird in 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 außer OGG.

Viel Glück!

10

Unser Blog post.

Enthält aktuellere Informationen zur modernen Browserunterstützung für HTML5-Audio.

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 dem Lesen des Blogposts sehen können, ist es eine frustrierende Situation, da nicht ein einziges Audioformat von allen Browsern unterstützt wird. Es gibt auch kein sofortiges Anzeichen für eine Lösung.

7

Ich habe eine list of when the browsers begann die Unterstützung der Audio-Tag und welche Audioformate unterstützen sie.

Die Unterstützung ist jetzt ziemlich gut. Seit IE9 unterstützen die neuesten Versionen aller Desktop-Browser und der meisten mobilen Browser das Audio-Tag. Der einzige Grund, es nicht zu verwenden, wäre, alte Versionen von IE zu unterstützen, aber Sie können immer einen Fallback bereitstellen, 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 das Audio verwenden mögen, ist es important to provide both .ogg and .mp3 versions of the file, um eine gute Browserunterstützung zu erhalten.

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