SlideShare uma empresa Scribd logo
1 de 18
Baixar para ler offline
SMIL

Claudson Oliveira
www.claudson.com.br
claudson.oliveira@ice.ufjf.br
SMIL




Lê-se Smile [smaili]
SMIL




Lê-se Smile [smaili]
SMIL




Lê-se Smile [smaili]

Linguagem de integração de mídias
Sincronizá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!

Links
Wikipedia : http://bit.ly/1JNLn1
W3C : http://bit.ly/pg6j9

Mais conteúdo relacionado

Destaque (17)

Ponte da pousada maio 2014
Ponte da pousada maio 2014Ponte da pousada maio 2014
Ponte da pousada maio 2014
 
73577715 gestalt-do-objeto-joao-gomes-filho
73577715 gestalt-do-objeto-joao-gomes-filho73577715 gestalt-do-objeto-joao-gomes-filho
73577715 gestalt-do-objeto-joao-gomes-filho
 
Bloque 1
Bloque 1Bloque 1
Bloque 1
 
trabajo salida chicaque
trabajo salida chicaquetrabajo salida chicaque
trabajo salida chicaque
 
2008 efectos adversos de los inmunosupresores en el paciente transplantado ed...
2008 efectos adversos de los inmunosupresores en el paciente transplantado ed...2008 efectos adversos de los inmunosupresores en el paciente transplantado ed...
2008 efectos adversos de los inmunosupresores en el paciente transplantado ed...
 
Artigo 09 _simulado_de_leg__mpu
Artigo 09 _simulado_de_leg__mpuArtigo 09 _simulado_de_leg__mpu
Artigo 09 _simulado_de_leg__mpu
 
Trabajolibrosymas
TrabajolibrosymasTrabajolibrosymas
Trabajolibrosymas
 
Diapoitivas
DiapoitivasDiapoitivas
Diapoitivas
 
1era Decada del Siglo XXI
1era Decada del Siglo XXI1era Decada del Siglo XXI
1era Decada del Siglo XXI
 
Camapanha prandi&grana na feira de domingo em guarujá
Camapanha prandi&grana na feira de domingo em guarujáCamapanha prandi&grana na feira de domingo em guarujá
Camapanha prandi&grana na feira de domingo em guarujá
 
VIVA APARECIDA! Maria Aparecida Gavaldão . Artista Plástica
VIVA APARECIDA! Maria Aparecida Gavaldão . Artista PlásticaVIVA APARECIDA! Maria Aparecida Gavaldão . Artista Plástica
VIVA APARECIDA! Maria Aparecida Gavaldão . Artista Plástica
 
Jornal ..13
Jornal   ..13Jornal   ..13
Jornal ..13
 
Catalogo 2011
Catalogo 2011Catalogo 2011
Catalogo 2011
 
Redes Wireless
Redes WirelessRedes Wireless
Redes Wireless
 
56648530 coisas-de-gaucho-esta-no-dna-para-nuestros-vecinos-del-otro-lado-del...
56648530 coisas-de-gaucho-esta-no-dna-para-nuestros-vecinos-del-otro-lado-del...56648530 coisas-de-gaucho-esta-no-dna-para-nuestros-vecinos-del-otro-lado-del...
56648530 coisas-de-gaucho-esta-no-dna-para-nuestros-vecinos-del-otro-lado-del...
 
TORNILLOS Y TUERCAS
TORNILLOS Y TUERCASTORNILLOS Y TUERCAS
TORNILLOS Y TUERCAS
 
Universidad central del ecuador
Universidad central del ecuadorUniversidad central del ecuador
Universidad central del ecuador
 

Semelhante a SMIL

Semelhante a SMIL (15)

1502 - Revista - SQL Server.pdf
1502 - Revista - SQL Server.pdf1502 - Revista - SQL Server.pdf
1502 - Revista - SQL Server.pdf
 
Atividade dirigida unidade VII
Atividade dirigida unidade VIIAtividade dirigida unidade VII
Atividade dirigida unidade VII
 
Utilização CMS - WordPress | Criação de um site de um restaurante
Utilização CMS - WordPress | Criação de um site de um restauranteUtilização CMS - WordPress | Criação de um site de um restaurante
Utilização CMS - WordPress | Criação de um site de um restaurante
 
TtwinSpace - Parte 2
TtwinSpace - Parte 2TtwinSpace - Parte 2
TtwinSpace - Parte 2
 
TwinSpace - Parte 2
TwinSpace - Parte 2TwinSpace - Parte 2
TwinSpace - Parte 2
 
Atividade dirigida 7
Atividade dirigida 7Atividade dirigida 7
Atividade dirigida 7
 
Atividade dirigida 7
Atividade dirigida 7Atividade dirigida 7
Atividade dirigida 7
 
Atividade dirigida 7
Atividade dirigida 7Atividade dirigida 7
Atividade dirigida 7
 
Unidade 7 slides digital na escola
Unidade 7 slides digital na escolaUnidade 7 slides digital na escola
Unidade 7 slides digital na escola
 
Unidade 7 Slides digital na escola
Unidade 7 Slides digital na escolaUnidade 7 Slides digital na escola
Unidade 7 Slides digital na escola
 
Front end - the right way
Front end - the right wayFront end - the right way
Front end - the right way
 
Html 01
Html 01Html 01
Html 01
 
Html 01
Html 01Html 01
Html 01
 
ANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEB
ANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEBANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEB
ANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEB
 
Unidade 7
Unidade 7Unidade 7
Unidade 7
 

SMIL