Upload
claudson-oliveira
View
701
Download
4
Embed Size (px)
DESCRIPTION
Citation preview
SMIL
Lê-se Smile [smaili]
SMIL
Lê-se Smile [smaili]
SMIL
Lê-se Smile [smaili]
Linguagem de integração de mídiasSincronizáveis
- Nascida em 1998- XML (W3C)
Por que sorrir ?
- Estamos felizes com as formas de exibir conteúdo interativo na internet?
Por que sorrir ?
- Estamos felizes com as formas de exibir conteúdo interativo na internet?
Sim, estamos!
Por que sorrir ?
- Estamos felizes com as formas de exibir conteúdo interativo na internet?
Sim, estamos!
- Então por que precisamos desse novo padrão?
Por que sorrir?
Imagine os seguintes casos : - Você usa um SO que não dá suporte àquele
plugin do youtube ou qualquer outro site de vídeos.
- Você vive num mundo onde cada site multimídia usa um plugin diferente; Flash, Wm player, Quick time, etc.
Proposta do SMIL
- O SMIL quer “unir” numa única plataforma todos os plugins existentes
- Para exibir vídeo na internet seria necessário apenas que os browsers entendessem o xml
- Outra vantagem: Indexação
Mão na massa
Mão na massa
Browser suportado
Mão na massa
Browser suportado
Mão na massa
Para reconhecer os objetos é necessário inserir na tag html um namespace, ficando assim:
<html xmlns:time="urn:schemas-microsoft-com:time">
Mão na massa
É preciso incorporar a classe que nomeamos de “time” para usarmos os atributos do smile no código html por exemplo. O código ficou assim:
<html xmlns:time="urn:schemas-microsoft-com:time"><head><?import namespace="time" implementation="#default#time2"><style>.time {behavior: url(#default#time2)}</style></head>
Mão na massa
Feito isso já temos suporte para rodarmos uma aplicação com o SMIL.
Usaremos a tag seq que é encontrada no namespace da nossa classe “time”
Mão na massa
<time:seq repeatCount="indefinite"> <img class="time" src="image1.jpg" dur="3s" /> <img class="time" src="image2.jpg" dur="3s" /></time:seq>
Mão na massa
Ficando com o seguinte código ...<body><time:seq repeatCount="indefinite"> <img class="time" src="image1.jpg" dur="3s" /> <img class="time" src="image2.jpg" dur="3s" /></time:seq></body></html>
Agradecimentos
Obrigado!
LinksWikipedia : http://bit.ly/1JNLn1W3C : http://bit.ly/pg6j9