English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML5 Audio (Áudio)

HTML5 fornece padrões para reprodução de arquivos de áudio.

Áudio na internet

Até agora, não existe um padrão específico para reprodução de áudio em páginas da web.

Hoje, a maioria dos áudios são reproduzidos através de plugins (como Flash). No entanto, não todos os navegadores possuem os mesmos plugins.

HTML5 Define o padrão para embedding elementos de áudio em páginas da web, ou seja, usando o elemento <audio>.

Suporte do navegador

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

Atenção: Internet Explorer 8 e versões mais antigas do IE não suportam o elemento <audio>.

HTML5 Audio - Como funciona

Se você precisar de áudio no HTML5 Para reproduzir áudio no HTML, você precisa usar o seguinte código:

!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Manual Básico(oldtoolbag.com)</title> 
</head>
<body>
<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Seu navegador não suporta o elemento audio.
</audio>
</body>
</html>
Teste para ver se ‹/›

o atributo control oferece controles de reprodução, pausa e volume.

No <audio> e </Entre os <audio> você precisa inserir o texto de aviso para o navegador que não suporta o elemento <audio>.

<audio> elemento permite o uso de múltiplos elementos <source>. O elemento <source> pode linkar diferentes arquivos de áudio, o navegador usará o primeiro arquivo de áudio suportado.

Formatos de Áudio e Suporte do Navegador

Atualmente, o elemento <audio> suporta três formatos de arquivos de áudio: MP3, Wav e Ogg:

NavegadorMP3WavOgg
Internet Explorer 9+SIMNÃONÃO
Chrome 6+SIMSIMSIM
Firefox 3.6+SIMSIMSIM
Safari 5+SIMSIMNÃO
Opera 10+SIMSIMSIM

Tipo MIME de Formato de Áudio

FormatoMIME-type
MP3audio/mpeg
Oggaudio/ogg
Wavaudio/wav

HTML5 Tag de Audio

TagDescrição
<audio>Definiu o conteúdo de som
<source>Especificou recursos multimídia, podem ser vários, entre <video> e Usado no <audio> tag