Adicionando som/video ao HTML COLÉGIO DA IMACULADA CURSO TÉCNICO EM INFORMÁTICA Prof. Tales Kunz Cabral 3º Módulo.

Apresentação em tema: "Adicionando som/video ao HTML COLÉGIO DA IMACULADA CURSO TÉCNICO EM INFORMÁTICA Prof. Tales Kunz Cabral 3º Módulo."— Transcrição da apresentação:

1 Adicionando som/video ao HTML COLÉGIO DA IMACULADA CURSO TÉCNICO EM INFORMÁTICA Prof. Tales Kunz Cabral talescabral@colegiodaimaculada.com.br 3º Módulo

2 Slide nº 2 Objetivos Aprender as vantagens e desvantagens de agregar som ao HTML Agregar som Agregar som (outros navegadores)

3 Slide nº 3 Trabalhado com o áudio O áudio pode ser compilado; Pode ser agregado às funcionalidades do site. Pode trazer informações auxiliares ao conteúdo.

4 Slide nº 4 Problemas com o áudio Arquivos de áudio podem ser excessivamente longos; Requisições de Copyright (direitos) podem ser requisitados; Áudio pode distrair a atenção; Pode dar conflito entre áudios de diferentes páginas.

5 Slide nº 5 Tipos de arquivos sustentados Wav (muito extenso). Se pequeno, pode ser adequado. Mp3 (pequeno, boa compressão). Realmedia rm (boa compressão, formato proprietário). Midi (arquivo de excelente tamanho, qualidade variável).

6 Slide nº 6 Agregando áudio à página Usando um link Usando a tag “bgsound” Usando a tag “embed”

7 Slide nº 7 Áudio a partir de Link Referência externa para o som O arquivo só será executado se o usuário clicá-lo O arquivo é aberto em outro (não especificado) player O navegador determina o player que executará o arquivo

8 Slide nº 8 Agregando som (usando “bgsound”) Utilizado na maioria dos navegadores. Ex. Internet Explorer. Loop – indica a quantidade de repetições. Pode ser: X – um número qualquer Infinite – até ser encerrado o navegador. Automaticamente realiza a execução do arquivo. Não necessita de player. Não há a possibilidade de pausa ou encerramento da execução (exceto se programando em JavaScript). –Exemplos: http://www.htmlcodetutorial.com/sounds/_BGSOUND_LOOP.html

9 Slide nº 9 Agregando som TAG: <embed src = “arq_som.wav” height = “100” width = “100”> Não há previsão de qual é o player O comportamento será imprevisível se colocado em outro navegador. Exemplo: http://www.truquesedicas.com/tutoriais/html/00001h.htm Exercício1: Tentar utilizar no Internet Explorer com algum arquivo.mid Exercício2: Tentar utilizar no Internet Explorer com algum arquivo.mp3

10 Slide nº 10 Agregando video TAG: <embed src = “arq_video.wma” height = “150” width = “150”> Não há previsão de qual é o player O comportamento será imprevisível se colocado em outro navegador. Exercício: Tentar utilizar no Internet Explorer com algum arquivo.flv