Tag audio
A tag audio controla a reprodução de
áudio em uma página HTML. Ao
adicioná-la, um player aparece na página,
que terá botões como "Voltar", "Avançar",
"Parar" e assim por diante (sua aparência e quantidade dependem
do navegador). O caminho para o arquivo é especificado pelo
atributo src ou pela tag aninhada source.
A tag source é necessária para especificar
os caminhos para os arquivos de áudio em vários formatos
(já que os navegadores suportam formatos de áudio diferentes,
por exemplo mp3 ou wav).
Se você tem uma gravação em um dos formatos,
é preciso convertê-la para os outros.
Dentro da tag audio você pode escrever um texto
que será exibido em navegadores que
não suportam áudio em HTML (isso é feito
para informar os usuários sobre isso).
Se você quiser ver o player para controlar a reprodução
de áudio - você deve adicionar o atributo controls.
Sem ele, você não verá nada - e o som também
não será reproduzido. Para que haja som na ausência
do player - adicione o atributo autoplay.
Atributos
| Atributo | Descrição |
|---|---|
src |
Especifica o caminho para o arquivo de áudio.
Mas é melhor usar a tag source para isso
(neste caso, será possível especificar o áudio em formatos diferentes).
|
preload |
Usado para carregar o arquivo de áudio simultaneamente com o carregamento da página do site.
Valores aceitos: none (não carregar o arquivo, padrão),
metadata (carregar apenas informações de serviço: duração e assim por diante),
auto (carregar o arquivo de áudio completamente no carregamento da página HTML).
|
autoplay |
O som começa a tocar imediatamente após o carregamento da página,
e a presença do atributo preload será ignorada.
Atributo sem valor. |
controls |
Adiciona um painel de controle ao arquivo de áudio.
e a presença do atributo preload será ignorada.
Atributo sem valor. |
loop |
Repete a gravação de áudio em "loop": após o término, ela começará a tocar novamente.
e a presença do atributo preload será ignorada.
Atributo sem valor. Por padrão (se o atributo não estiver presente) a gravação tocará apenas 1 vez.
|
muted |
Desativa o som na gravação de áudio.
Atributo sem valor. Por padrão (se o atributo não estiver presente) o som da gravação está ativado. |
Exemplo . Player em uma página do site
Vamos adicionar um player com uma gravação de áudio à página.
Para os navegadores que não suportam
a tag audio, uma mensagem especial
sobre isso foi deixada:
<audio src="track.mp3" controls>
Seu navegador não suporta audio em HTML5.
</audio>
Exemplo . Player em uma página do site com a tag source
E agora, em vez do atributo src
para a tag audio, vamos adicionar a tag source:
<audio controls>
<source src="track.mp3">
Seu navegador não suporta audio em HTML5.
</audio>
