Solução para formato de áudio suportado por áudio em html5

A tag de áudio HTML5 pode suportar wav, mp3, ogg, acc, webm e outros formatos, mas existe um formato de arquivo de música midi (extensão mid) muito importante que não possui suporte integrado nos principais navegadores. Nem todos os navegadores suportam MP3 OGG e similares. Cada navegador suporta formatos diferentes devido a questões de direitos autorais.

Nem todos os fabricantes de navegadores concordam com o uso de um determinado formato de arquivo de áudio. Para imagens, os arquivos nos formatos PNG, JPEG ou GIF serão carregados em sua página em qualquer navegador. Infelizmente, este não é o caso dos arquivos de áudio. A Tabela 1 mostra os formatos de arquivo de áudio que podem ser usados ​​em páginas web, mas nem todos os formatos estão disponíveis em todos os navegadores. Por exemplo, os navegadores Chrome, Internet Explorer 9 (IE9) e Safari não suportam arquivos WAV, um padrão em declínio que usa um formato não compactado.

Não ter um formato de arquivo comum usado por todos os navegadores significa que pelo menos 2/5 navegadores não serão capazes de reproduzir determinados sons. Não se trata de uma questão de os fabricantes de navegadores serem intransigentes e incapazes de chegar a acordo sobre um único padrão de áudio, mas sim de uma questão jurídica e financeira que envolve direitos de patente e royalties. O formato OGG, que não é restrito por patentes de software, visa resolver de uma vez por todas este problema. No entanto, no momento em que este artigo foi escrito, nem o Opera nem o Safari suportavam OGG. Existem mais arquivos WAV e MP3 disponíveis do que arquivos no formato OGG, então sem dúvida os fabricantes de navegadores levaram isso em consideração. MP3 como padrão de fato é uma ótima solução.

Dado o estado atual das coisas, você pode pensar que ainda não é o horário nobre para usar áudio em páginas HTML5. De certa forma, isso pode ser verdade, mas o HTML5 fornece uma solução que permite ao seu navegador favorito encontrar um formato compatível.

Quando usada em conjunto com a tag <audio>, a tag <source> pode ser aninhada em um contêiner <audio>. Digamos que você seja fã de Wagner e queira ouvir sua ópera Cavalgada das Valquírias em uma página HTML5. Primeiro, você precisa obter música em três tipos de arquivo, nomeadamente OGG, MP3 e WAV. Coloque esses arquivos de música na mesma pasta dos arquivos HTML5. Em seguida, coloque cada nome de arquivo em uma tag <source> separada e todas as tags de origem no contêiner de áudio serão compostas por <audio></audio>, conforme mostrado abaixo.

 <controles de áudio> <source src=http://demo.mimvp.com/html5/take_you_fly.ogg /> <source src=http://demo.mimvp.com/html5/take_you_fly.mp3″ /> <source src =http://demo.mimvp.com/html5/take_you_fly.wav /></audio>

Não importa qual navegador o visitante esteja usando, ele selecionará automaticamente o primeiro tipo de arquivo que ler e reproduzirá o som para você.

O texto acima é a solução para formato de áudio com suporte de áudio em HTML5 apresentada pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e o editor responderá a tempo. Gostaria também de agradecer a todos pelo apoio ao site de artes marciais VeVb!