Formatos de áudio para funcionar na a maioria dos navegadores no HTML5, quais usar?

Pesquisei sobre porém não achei nenhuma tabela estilo (NAVEGADOR/FORMATOS SUPORTADOS).

Quero saber quais formatos de aúdio usar no HTML com a tag <audio> para haver mais compatibilidade com a maioria dos navegadores(Chrome, Safari, Edge, Firefox, Opera).

mp3 é provavelmente o mais bem suportado, seguido de ogg vorbis. Outros formatos variam, especialmente em dispositivos móveis e mais antigos.

Há uma tabela de referência em: HTML5 audio - Wikipedia .

Note que, se necessário, você pode adicionar mais de uma origem (src) para a tag audio. Assim, o navegador vai tocar o arquivo que suportar, de acordo com as opções disponíveis. Algo assim:

<audio controls>
  <source src="arquivo_de_audio.mp3" type="audio/mpeg" />
  <source src="arquivo_de_audio.ogg" type="audio/ogg" />
</audio>

Referência: Cross-browser audio basics - Developer guides | MDN

Abraço.

2 curtidas

Boa colocação do nosso amigo Terra Skilll, devido a grande massa de dispositivos utilizadas pelos usuários, devemos pensar na possibilidade do não funcionamento da extensão do audio.

OBS: Vale ressaltar, implemente uma função em jquery para analisar o navegador aberto e disponibilizar a melhor extensão de audio disponível, para não carregar o mesmo arquivo mais de uma vez.