Que os navegadores suportam a tag html 5

StackOverflow https://stackoverflow.com/questions/1007223

  •  06-07-2019
  •  | 
  •  

Pergunta

Que navegadores suportam a tag <audio> html 5 no Windows hoje?

Edit: Tentando http://moztw.org/demo/audioplayer/ como um teste. Chrome 2 e Safari 4 não funciona para mim.

Foi útil?

Solução

Safari 3.1+ e Firefox 3.5 ambos suportam o elemento de áudio. Opera 10 não apoiar o elemento de áudio que ele suporta uma versão mais antiga do que na forma de um objeto de áudio. Chrome 3 provavelmente vai apoiar o elemento de áudio.

(Só vi que você queria saber suporte para essa página específica. Isso depende principalmente os codecs que você está usando receio.)

(Disclaimer:. Eu trabalho para Opera e sou um membro do GT HTML)

Outras dicas

Se esta for avaliada como true: 

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

, então você tem o apoio de tag de áudio no seu browser. Fazendo um recurso de detecção como esta é muito melhor do que analisar cadeias de caracteres UserAgent.

Como alternativa, você pode usar algo como Modernizr para lidar com isso detectar e muitos outros para você.

pós .

Contém mais atualizadas informações sobre o suporte ao navegador moderno para HTML5 áudio.

A partir de julho de 2011

IE9

suporta os formatos MP3 e AAC

Firefox 5

Apoia Ogg e Wav

Chrome 12

Suporta Ogg, MP3, WAV e AAC

Safari 5

suporta MP3, AAC e WAV

Opera 11

Apoia Ogg e Wav

Como você pode ver a partir dos dados acima e de ler o post, é um pouco de uma situação frustrante como não há um formato de áudio suportado por todos os browsers. Não há nenhum sinal imediato de qualquer resolução ainda.

Eu coloquei um de quando os navegadores começou apoiar a tag de áudio e quais formatos de áudio que suportam.

O suporte é muito bom agora. Desde IE9, as versões mais recentes de todos os navegadores de desktop e a maioria dos navegadores móveis suportam a tag de áudio. A única razão para não usá-lo, seria apoiar versões antigas do IE, mas você sempre pode fornecer um fallback se que é importante.

Aqui estão os detalhes para navegadores 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                       |
+---------+-------------------------+----------------------------------+

Aqui estão os detalhes para navegadores móveis (sem informações de formato, sorry): 

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

Se você quiser usar o áudio, é importante fornecer tanto .ogg e .mp3 versões do arquivo para obter um bom suporte cross-browser. 

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

Aqui é um wikipedia artigo comparando suporte HTML5 de cada navegador:

Para o Safari para áudio suporte no Windows, Quicktime precisa ser instalado. Os relatórios fragmento de JavaScript corretamente se ele é suportado ou não.

Todos estes navegadores suportam a funcionalidade da tag. A razão o seu leitor não funciona no Safari é porque você está usando arquivos de OGG. OGG é suportada no Firefox e Chrome.
Firefox suporta apenas WAV e OGG. Chrome suporta tudo. Opera suporta apenas WAV. O Safari suporta tudo, mas OGG.

Boa sorte!

Opera 10 e ff 3.5, não sei sobre safari

Eu tenho certeza de Safari 4, o Firefox 3.5 a partir RC1 e talvez Chrome 2.

Tanto quanto eu sei que é suportado parcial ou totalmente nos motores de gecko, o WebKit e pronto.

Assim, qualquer navegador que utiliza uma versão atualizada desses motores devem apoiá-lo.

motores

Gecko, WebKit e Presto são supor para apoiá-lo, mas acho que só em parte. Então, Firefox 3.5 e Opera são sua melhor aposta.

A página (moztw.org/demo/audioplayer) OK funciona em Chrome 3 (canal dev)

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top