2009-06-17 2 views
30

Quali browser supportano il tag html 5 <audio> su Windows oggi?Quali browser supportano il tag html 5 <audio> su Windows oggi?

Modifica: provare http://moztw.org/demo/audioplayer/ come test. Chrome 2 e Safari 4 non funzionano per me.

+10

Buona domanda. Non sono sicuro del motivo per cui le persone votano per chiudere, sapendo quali browser scegliere come target è sicuramente correlato alla programmazione. –

+0

Avresti potuto usare i back-tick per rendere il codice

+0

Per essere chiari, sto cercando di trovarne uno che funzioni con http://moztw.org/demo/audioplayer/ – BenB

risposta

11

Safari 3.1 e Firefox 3.5 sia sostenere l'elemento audio. Opera 10 fa non supporta l'elemento audio sebbene supporti una versione precedente di esso sotto forma di un oggetto Audio. Chrome 3 supporterà probabilmente l'elemento audio.

(appena visto che avreste voluto sapere il supporto per quella pagina specifica Questo dipende principalmente sui codec che si utilizza ho paura..)

(Disclaimer: io lavoro per l'Opera e sono un membro del HTML . WG)

+0

+1: risposta più utile fornita. –

+0

Cheers. Tuttavia, ho provato Safari 4 nella pagina di Moz e non sembra funzionare. Se hai tempo, potresti confermare? – BenB

+0

Come sospettavo che il motivo fosse codec. Safari utilizza QuickTime che per impostazione predefinita non supporta i codec Ogg/Theora/Vorbis forniti da Firefox 3.5. Dovrai installare http://www.xiph.org/quicktime/download.html e poi dovrebbe funzionare per quanto posso dire. – Anne

0

Opera 10 e FF 3.5, non conoscono safari

+0

opera non AFAIK –

0

Sono sicuro di Safari 4, Firefox 3.5 RC1 da e magari Chrome 2.

0

Per quanto ne so è supportato sia parzialmente o completamente nei motori gecko, webkit e presto.

Quindi qualsiasi browser che utilizza una versione aggiornata di tali motori dovrebbe supportarlo.

3

Ecco un articolo wikipedia confrontando il supporto HTML5 di ciascun browser:

+0

Che mi ha fregato pure, dato che non si fa menzione di versioni in quell'articolo.Inoltre, sto ascoltando molto sul supporto HTML 5

+0

Probabilmente è meglio non prendere decisioni basate su articoli di Wikipedia. prova Modenizr invece http://www.modernizr.com/ – cofiem

0

Gecko, i motori di Webkit e Presto sono supponiamo di sostenerlo, ma credo che solo in parte. Quindi Firefox 3.5 e Opera sono la soluzione migliore.

0

la pagina (moztw.org/demo/audioplayer) funziona bene in Chrome 3 (canale dev)

28

se questo restituisce vero:

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

, allora si ha il supporto audio tag nel tuo browser. Fare una funzione di rilevamento come questa è molto meglio che analizzare stringhe userAgent.

In alternativa, è possibile utilizzare qualcosa come Modernizr per gestire questo rilevamento e molti altri per voi.

+1

Altre idee/strumenti per rilevare supporto: Immergiti nel codice HTML5 http://diveintohtml5.org/everything.html jPlayer http://www.happyworm.com/jquery/jplayer/HTML5.Audio.Support/ – cofiem

+0

Paul, ma sul mio dispositivo il tuo codice javascript ha restituito true ma il tag audio non funziona "Mozilla/5.0 (Linux; U; Android 4.1.2; it-it; GT-S5282 Build/JZO54K) AppleWebKit/534.30 (KHTML, come Gecko) Version/4.0 Mobile Safari/534.30 "schermata: –

+0

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

2

Per Safari per supportare l'audio su Windows, è necessario installare Quicktime. Lo snippet di javascript riporta correttamente se è supportato o meno.

1

Tutti questi browser supportano la funzionalità del tag. Il motivo per cui il tuo lettore non funziona su Safari è perché stai usando i file OGG. OGG è supportato su Firefox e Chrome.
Firefox supporta solo WAV e OGG. Chrome supporta tutto. Opera supporta solo WAV. Safari supporta tutto tranne OGG.

Buona fortuna!

10

Il nostro blog post.

Contiene informazioni più aggiornate sul supporto moderno del browser per l'audio HTML5.

A partire dal luglio 2011

IE9

supporta i formati MP3 e AAC

Firefox 5

Supporta OGG e WAV

Chrome 12

Supporta Ogg, MP3, WAV e AAC

Safari 5

supporta i formati MP3, AAC e WAV

Opera 11

Supporta OGG e WAV

Come puoi vedere dai dati sopra riportati e dalla lettura del post del blog, è un po 'frustrante perché non esiste un formato audio supportato da tutti i browser. Non c'è ancora alcun segno immediato di risoluzione.

7

Ho messo insieme un list of when the browsers iniziato a supportare il tag audio e quali formati audio supportano.

Il supporto è abbastanza buono ora. Da IE9, le ultime versioni di tutti i browser desktop e la maggior parte dei browser mobili supportano il tag audio. L'unica ragione per non usarlo sarebbe supportare le vecchie versioni di IE, ma è sempre possibile fornire un fallback se ciò è importante.

Ecco i dettagli per il browser desktop:

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

Ecco i dettagli per i browser mobili (senza informazioni sul formato, sorry):

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

Se si desidera utilizzare l'audio, è important to provide both .ogg and .mp3 versions of the file per ottenere un buon supporto cross browser.

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