Quali browser supportano l'html 5 < audio > tag su Windows oggi?
-
06-07-2019 - |
Domanda
Quali browser supportano il tag html 5 < audio >
su Windows oggi?
Modifica: prova http://moztw.org/demo/audioplayer/ come test. Chrome 2 e Safari 4 non funzionano per me.
Soluzione
Safari 3.1+ e Firefox 3.5 supportano entrambi l'elemento audio. Opera 10 non supporta l'elemento audio sebbene supporti una versione precedente di esso sotto forma di un oggetto audio. Chrome 3 probabilmente supporterà l'elemento audio.
(Ho appena visto che volevi conoscere il supporto per quella pagina specifica. Dipende principalmente dai codec che stai usando, temo.)
(Dichiarazione di non responsabilità: lavoro per Opera e sono un membro del HTML WG.)
Altri suggerimenti
se questo corrisponde a true:
!!document.createElement('audio').canPlayType
, quindi hai il supporto per i tag audio nel tuo browser. Fare una rilevazione di funzionalità come questa è molto meglio dell'analisi delle stringhe userAgent.
In alternativa, puoi usare qualcosa come Modernizr per gestire questo rilevamento e molti altri per te.
Il nostro blog post .
Contiene informazioni più aggiornate sul supporto browser moderno per audio HTML5.
Da luglio 2011
IE9
Supporta MP3 e AAC
Firefox 5
Supporta Ogg e Wav
Chrome 12
Supporta Ogg, MP3, Wav e AAC
Safari 5
Supporta MP3, AAC e WAV
Opera 11
Supporta Ogg e Wav
Come puoi vedere dai dati sopra e dalla lettura del post sul blog, è un po 'una situazione frustrante in quanto non esiste un formato audio supportato da tutti i browser. Non c'è nemmeno alcun segno immediato di alcuna risoluzione.
Ho messo insieme un elenco di quando sono iniziati i browser supportando il tag audio e quali formati audio supportano.
Il supporto ora è abbastanza buono. Dall'IE9, le ultime versioni di tutti i browser desktop e la maggior parte dei browser mobili supportano il tag audio. L'unico motivo per non usarlo, sarebbe supportare vecchie versioni di IE, ma puoi sempre fornire un fallback se questo è importante.
Ecco i dettagli per i 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 (nessuna informazione sul formato, scusate):
+--------------+-------------------------+
| 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, è importante fornire entrambe le versioni .ogg e .mp3 del file per ottenere un buon supporto tra browser.
<audio controls>
<source src="/my-podcast.mp3" />
<source src="/my-podcast.ogg" />
</audio>
Ecco un wikipedia che confronta il supporto HTML5 di ciascun browser:
Affinché Safari supporti l'audio su Windows, è necessario installare Quicktime. Lo snippet javascript riporta correttamente se è supportato o meno.
Tutti questi browser supportano la funzionalità del tag. Il motivo per cui il tuo lettore non funziona su Safari è perché stai usando 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!
opera 10 e ff 3.5, non so di safari
Sono sicuro di Safari 4, Firefox 3.5 da RC1 e forse Chrome 2.
Per quanto ne so, è supportato parzialmente o completamente nei motori gecko, webkit e presto.
Pertanto, qualsiasi browser che utilizza una versione aggiornata di tali motori dovrebbe supportarlo.
I motori Gecko, Webkit e Presto dovrebbero supporlo, ma penso solo in parte. Quindi Firefox 3.5 e Opera sono la soluzione migliore.
La pagina (moztw.org/demo/audioplayer) funziona bene in Chrome 3 (canale di sviluppo)