Introdução ao desenvolvimento web - mídias

1. HTML
A Alma da Internet
Prof. Mauro DuarteProf. Mauro Duarte

2. 28/08/15
Imagens
● A principal tag de imagens é <img> que
precisa do atributo src para funcionar
adequadamente.
● <img src="smiley.gif">
● <img src="http://paginax.com/imagens/smiley.gif">

3. 28/08/15
Alt
● O atributo alt define um texto alternativo para
a imagem caso ela não possa ser exibida ou
para programas de leitura de tela e
acessibilidade
● <img src="smiley.gif" alt="sorriso">
● <img src="http://paginax.com/imagens/smiley.gif" alt="sorriso">

4. 28/08/15
Vídeos
● Uma nova tag do html 5 permite inserção fácil
de vídeos.
● <video>
● <source src="filme.mp4” type=”video/mp4”>
● Seu navegador não suporta este recurso
● </video>

5. 28/08/15
Vídeos
● Controls adciona controles ao video.
● <video controls=”controls”>
● <source src="filme.mp4” type=”video/mp4”>
● Seu navegador não suporta este recurso
● </video>

6. 28/08/15
Vídeos
● Vamos tentar??
● http://clips.vorwaerts-gmbh.de/VfE_html5.mp4
●
● http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv

7. 28/08/15
Audio
● Funciona igual a tag video.
● Controls adciona controles ao audio.
● <audio controls>
● <source src="audio.mp3” type=”audio/mpeg”>
● Seu navegador não suporta este recurso
● </audio>

8. 28/08/15
Audio
● Vamos tentar??
● http://www.w3schools.com/Tags/horse.mp3
●
● http://www.w3schools.com/Tags/horse.ogg
●

9. 28/08/15
Audio
Atributo Valor Descrição
autoplay autoplay Define que o audio começará a ser tocado assim que
ele estiver pronto.
controls controls Os controles serão mostrados.
loop loop Define que o audio começará a ser tocado
novamente quando terminar.
preload preload Define que o audio será carregado enquanto a página
é lida. Esse atributo é ignorado caso o atributo
autoplay estiver definido.
src url URL do arquivo a ser tocado.

10. 28/08/15
Audio
Atributo Valor Descrição
autoplay autoplay Define que o audio começará a ser tocado assim que
ele estiver pronto.
controls controls Os controles serão mostrados.
loop loop Define que o audio começará a ser tocado
novamente quando terminar.
preload preload Define que o audio será carregado enquanto a página
é lida. Esse atributo é ignorado caso o atributo
autoplay estiver definido.
src url URL do arquivo a ser tocado.