sábado, 28 de dezembro de 2013

HTML 5 PARTE 2 - NOVIDADES ÁUDIO E VÍDEO

Olá galera, nessa parte do Tutorial iremos mostrar algumas novidades do HTML, como usar as tags novas e o quanto elas vieram para facilitar nossa vida.

1º) Áudio:

Segue abaixo o código fonte para inserir áudio em uma página:
Observe que para inserir o audio, precisamos somente inserir a tag <audio src='musica.mp3' controls='controls'></a>, onde musica.mp3 é o arquivo de música que está na mesma pasta do arquivo html (por isto nesse exemplo só precisei de colocar o nome e o formato).

<!DOCTYPE html>
<html>
<head><title>Primeira teste Áudio</title></head>
<body>
<audio src='musica.mp3' controls='controls'></a>
</body>
</html>

2º) Vídeo:

Observe que o vídeo  é a mesma coisa do áudio a unica diferença é definição do tamanho do vídeo, se você não definir ele irá aparecer no tamanho original.

<!DOCTYPE html>
<html>
<head><title>Primeira teste Áudio</title></head>
<body>
<audio src='ola.webm' controls='controls' width="500" heigth="500"></a>
</body>
</html>





Nenhum comentário:

Postar um comentário