Latest web development tutorials

HTML5 Audio (Audio)

HTML5 fornece um arquivos de reprodução de áudio padrão.


Áudio na Internet

Até agora, ainda não existe um programa para jogar padrão de áudio na web.

Hoje, a maioria de áudio através dos plug-ins (como Flash) para a reprodução. No entanto, nem todos os navegadores têm os mesmos plugins.

HTML5 fornece elementos padrão áudio embutido na página, usando <audio> elemento.


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9 +, Firefox, Opera, Chrome e Safari suporta o elemento <audio> elemento.

Nota: Internet Explorer 8 e versões anteriores do IE não suportam o <audio> elemento.


HTML5 Audio - Como Funciona

Para reproduzir áudio em HTML5, você precisa usar o seguinte código:

Exemplos

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

tente »

propriedade para jogar controle adicionado, pause e controle de volume.

Na <audio> e </ audio> entre você precisa inserir seu navegador não suporta o texto do aviso <audio> elemento.

<Audio> elemento permite o uso de múltiplos elemento <source>. <Source> elementos podem conectar-se a arquivo de áudio diferente, o navegador irá usar os arquivos de áudio primeiro suportados


formatos de áudio e suporte ao navegador

Atualmente, <audio> elemento suporta três formatos de áudio: MP3, WAV e OGG:

浏览器 MP3 Wav Ogg
Internet Explorer 9+ YES NO NO
Chrome 6+ YES YES YES
Firefox 3.6+ YES YES YES
Safari 5+ YES YES NO
Opera 10+ YES YES YES


tipo MIME do formato de áudio

Format MIME-type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav


tag HTML5 áudio

etiqueta descrição
<Audio> Ele define o conteúdo de áudio
<Source> Fornece recursos multimédia, pode haver mais de uma, use o <video> e tag <audio>