|
Neste tutorial veremos como criar um tocador de áudio.
A tag de áudio HTML é usada para definir sons como música e outros clipes de áudio. Atualmente, existem três formatos de
arquivo suportados para tags de áudio HTML 5.
1) mp3
2) wav
3) ogg
O HTML5 oferece suporte aos controles <video> e <audio>. Flash, Silverlight e tecnologias semelhantes são
usadas para reproduzir os itens multimídia.
A tabela a seguir define qual navegador da Web suporta qual formato de arquivo de áudio.
| Navegador |
mp3 |
wav |
ogg |
| Internet Explorer |
sim |
não |
nao |
| Google Chrome |
sim |
sim |
sim |
| Mozilla Firefox |
sim |
sim |
sim |
| Opera |
no |
sim |
sim |
| Apple Safari |
sim |
sim |
no |
Vejamos alguns exemplos:
Exemplo 1: Usando a tag Audio:
Neste exemplos vamos ver o código para reproduzir o arquivo mp3 usando a tag de áudio HTML.
Veja na imagem abaixo o resultado desse código depois de executado:
Vejamos agora os atributos da tag Audio. A Tabela a seguir mostra alguns atributos que você poderá adicionar à tag Audio
e melhorar o seu aplicativo:
| Atributo |
Descrição |
| controls |
Ele define os controles de áudio que são exibidos com os botões play/pause. |
| autoplay |
Ele especifica que o áudio começará a ser reproduzido assim que estiver pronto. |
| loop |
Ele especifica que o arquivo de áudio será iniciado novamente, toda vez que for concluído. |
| muted |
É usado para silenciar a saída de áudio. |
| preload |
Ele especifica a visualização do autor para carregar o arquivo de áudio quando a página é carregada. |
| src |
Ele especifica a URL de origem do arquivo de áudio. |
Vejamos um exemplo utilizando alguns desses atributos:
Exemplo 2: Neste exemplo vamos utilizar alguns atriutos para executar o áudio automaticamente quando o código for
executado:
Veja na imagem abaixo o resultado desse código depois de executado:
<< Tutorial para Criar Listas Desordenadas
Tutorial para Criar um Vídeo Player >>
|
