|
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 >>
|
