smil

SMIL

Claudson Oliveira [email protected]

http://www.claudson.com.br/

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 ?


Sim, estamos!

Por que sorrir ?


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

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

smil

Technology