Mídia com HTML5 vídeo e tags de áudio

Entre as novidades que o "HTML 5 características que as versões anteriores, existe a possibilidade de chamar diretamente o conteúdo dedicado multimídia via tags.
Anteriormente, a inclusão deste tipo de conteúdo dentro de uma página HTML necessário, na maioria dos casos, o uso de arquivos externos (não standard) como o Adobe Flash. A alternativa para o Flash foi submetido a condições altamente restritivas em relação à multimídia, hoje, condições para estar apto a atender os requisitos mínimos exigidos por muitos dos serviços de Web 2.0 (pense, por exemplo, YouTube).

Com o advento desses recursos são integrados a linguagem HTML 5. As tags principais que são relevantes para multimídia:

• <audio>
• <video>

Referindo-se a referência do W3C oficial ilustrar o uso dessas tags riferrimento fazendo, também, por exemplos práticos.

O <audio> tag

O <audio> tag define tudo o que tem a ver com o som como, por exemplo, música ou outros sons.

Além dos atributos padrão (a lista é facilmente disponível na Net, por exemplo no site w3cschools.com ) a tag de áudio suporta as seguintes propriedades específicas:

• autoplay: se esse atributo estiver presente, o jogo inicia-se automaticamente o arquivo de áudio;
• controles: se declarado, irá exibir os controles, como botões Play e Stop;
• loop: se usado, determina o loop (repetição) de arquivos de música quando terminar;
• pré-carga: se estiver presente, o arquivo de áudio será pré-carregado quando a página é carregada, de modo a estar pronto para jogar sem expectativas. Se o atributo é declarado autoplay, pré-carga é ignorada;
• src: Especifica o URL do arquivo de áudio para jogar.

 <audio src="driin.ogg" autoplay="autoplay" controls="controls">



  



 Seu navegador não suporte a áudio gerenciados com HTML5.







 <Áudio />

O tag também suporta <audio> a capacidade de gerenciar mais de uma fonte, caso em que o atributo src é omitido, e à espreita dentro das tags <audio>, tags <source> esta:

 <audio controls="controls">



  



 <source src="canzone1.ogg" type="audio/ogg">



  



 <source src="canzone2.mp3" type="audio/mpeg">



  



 Seu navegador não suporte a áudio gerenciados com HTML5.







 <Áudio />

Nota: atualmente formatos de áudio suportados são MP3, WAV e OGG.

Abaixo está uma imagem feita com o Firefox:

• <<
• 1
• 2
• >>