Sistemas Multimídia. ð Linguagens de autoria. Sistemas Multimídia. ð Principal vantagem do HTML é simplicidade => SUCESSO. Sistemas Multimídia

Tamanho: px

Começar a partir da página:

Download "Sistemas Multimídia. ð Linguagens de autoria. Sistemas Multimídia. ð Principal vantagem do HTML é simplicidade => SUCESSO. Sistemas Multimídia"

Lucas Escobar
4 Há anos
Visualizações:

Departamento de Ciência da Computação - UFF Hipermídia na Web Hipermídia na Web ð Linguagens de autoria Profa. Débora Christina Muchaluat Saade debora@midiacom.uff.

01 ð Objetivos do projeto do : riqueza: deve ser poderoso para suportar um número grande de aplicações simplicidade: deve ser simples para um usuário não-expert entender seus conceitos e criar

1 Departamento de Ciência da Computação - UFF Hipermídia na Web Hipermídia na Web ð Linguagens de autoria Profa. Débora Christina Muchaluat Saade debora@midiacom.uff.br 1 2 ð HyperText Markup Language ð 2.0 (1994), 3.2, 4.0, 4.01 ð Objetivos do projeto do : riqueza: deve ser poderoso para suportar um número grande de aplicações simplicidade: deve ser simples para um usuário não-expert entender seus conceitos e criar páginas acessibilidade e independência de plataforma: deve focar em conteúdo e não em apresentação ð especificado em SGML (Declaração SGML e DTD específicas) ð Principal vantagem do é simplicidade => SUCESSO ð Mas apresenta muitas limitações como uma linguagem para especificação de documentos hipermídia Limitações do ð Definição de elos embutidos no conteúdo das páginas impede a reutilização de conteúdo sem herança de elos não permite a criação de elos com origem em páginas com direito de leitura somente elos só podem ser percorridos em uma direção, impedindo saber que páginas referenciam outras ð só permite a criação de elos com uma origem e um destino sempre disparados pela interação do usuário ð não oferece suporte à definição de relacionamentos de sincronização temporal e espacial X ð extensible HyperText Markup Language ð reformulação do 4 em DTDs XML ð X 1.0 foi publicado em janeiro de 2000 ð mesmas DTD s do 4 ð facilitar próximas extensões do X 1.1 estrutura modular ð 5 proposta mais recente Sincronização multimídia com programação em scripts usando JavaScript

2 ð Synchronized Multimedia Integration Language WG do W3C encerrou as atividades em abril/2012 ð Linguagem declarativa para especificação de documentos multimídia na Web Baseada no CMIF, do CWI em Amsterdam Modelo baseado em sincronização hierárquica ð Fornece as seguintes facilidades: Relações temporais facilmente definidas Sincronização precisa entre as diversas mídias Usa um modelo temporal híbrido baseado em sincronização hierárquica e eventos Definição da localização espacial dos objetos Definição de âncoras em mídias contínuas Adaptação do documento a variações de características do sistema e do usuário Especificação de animações ð Estrutura de um documento <smil> <head> <meta... />... informações sobre o documento... <meta... /> <layout>... definição do layout espacial... </layout> </head> <body>... objetos relações temporais âncoras e elos... </body> </smil> ð Definição do layout espacial do documento text1 image1 video1 <layout> <root-layout id="main_window" width="721" height="587"/> <region id="text1" left="4%" top="4%" width="37%" height="22%"/> <region id="video1" left="52%" top="5%" width="45%" height="42%"/> <region id="image1" left="3%" top="44%" width="46%" height="40%"/> </layout> main_window ð Um documento contém apenas a estrutura da apresentação e a descrição dos objetos, e não seu conteúdo ð tipos de mídia: texto (text) imagem estática (img) áudio (audio) vídeo (video, animation) ð Exemplo: ð Especificação dos relacionamentos de sincronização: composição paralela par composição sequencial seq composição exclusiva excl <video id="news-leader" src="cnn.mpv" dur="5s" region="v-main"/>

3 ð Composição paralela - par: ð Definição de início explícito <text src= title.html region= m-title dur= 5s /> <video src= cnn.mpv region= V-main /> <audio src= cnn.aiff /> <text src= title.html region= m-title dur= 5s /> <video id= v1 src= cnn.mpv region= V-main begin= 3s /> <audio src= cnn.aiff begin= id(v1)(1s) /> 0 8s 3s 11s 4s 14s ð Definição de término da composição par <par endsync= first > <text src= title.html region= m-title dur= 13s /> <video src= cnn.mpv region= V-main /> <audio src= cnn.aiff /> ð Composição seqüencial - seq: <video id= video1 src= cnn.mpv region= V-Main /> <video id= video2 src= dcab.mpv region= V-Main /> 0 13s video1: 0 8s video2: 5s 13s término efetivo ð Definição de início explícito <video id= video1 src= cnn.mpv region= V-Main /> <video id= video2 src= dcab.mpv region= V-Main begin= 2s /> ð <excl> Só um componente pode tocar por vez Se um componente começa a tocar enquanto outro está tocando, este é pausado ou parado video1: video2: 7s 15s <excl> <img id= image1 src="image1.jpg" begin="0s".../> <img id= image2 src="image2.jpg" begin="10s; image1.click".../> <img src="image3.jpg" begin="20s; image2.click".../> </excl>

4 ð Aninhamento de elementos par, seq e excl <audio id= A1 region= A_UK_Main src= dcab1c.aiff /> <img id= I1 region= Pix src= webgrowth.gif dur= 10s /> <text id= T2 region= r_title src= title.html dur= 6s /> <video id= V2 region= V-Remote src= larry.mpv /> <audio id= A2 src= frans1.aiff /> A1: I1: T2: V2: A2: ð Âncoras Região de um elemento Elemento Apresentação inteira ð Elos unidirecionais com apenas 1 origem e 1 destino ð Elementos: <a> <area> ð Elemento <a> O conteúdo do elemento a é a âncora de origem A âncora de destino é dada pelo atributo href O atributo show pode assumir 3 valores replace: a apresentação de origem é substituída pela de destino new: a apresentação de origem prossegue e a de destino é iniciada em uma nova janela pause: a apresentação de origem é interrompida e a de destino é iniciada em uma nova janela <a href= archives-dcab.smil#v1 show= new > <video src= dcab.mpv region= V-Main /> </a> ð Elemento <area>: Permite especificar âncoras em sub-regiões temporais e espaciais dos objetos sub-regiões espaciais: atributo coords <img src= larry.gif region= I-Remote > <area id= face coords= 35%,10%,65%,50% /> <area id= tie coords= 40%,55%,60%,90% /> </img> âncora face âncora tie imagem estática larry.gif ð Elemento <area>: sub-regiões temporais: atributos begin e end <video src= dcab.mpv region= V-Main > <area id= talk begin= 2s end= 6s /> </video> Documento de origem: webnews.smil <img src= larry.gif region= I-Remote > <area href= larry.smil#talk01 show= new coords= 35%,10%,65%,50% /> </img> Documento de destino: larry.smil <audio src= larry_talk.aiff > <area id= talk01 begin= 2s end= 6s /> </audio> video: âncora talk01 2s 6s 2s 6s larry.gif larry_talk.aiff

5 3.0 ð Elemento <switch> - exibição de conteúdo alternativo ð escolha do conteúdo baseado em atributos de teste system-bitrate, system-language,... <switch> <audio system-bitrate= src= hi_quality.aiff /> <audio system-bitrate= src= low_quality.aiff /> </switch> ð Inclui facilidades da proposta State Permite a definição de variáveis no documento e definição de testes, através de expressões booleanas sobre essas variáveis, para controlar exibição de componentes do documento <seq expr="lastplayed < 1"> <audio src="chapter1.mp3" /> <setvalue ref="lastplayed" value="1" /> <seq expr="lastplayed < 2"> <audio src="chapter2.mp3" /> <setvalue ref="lastplayed" value="2" /> <seq expr="lastplayed < 3"> <audio src="chapter3.mp3" /> <setvalue ref="lastplayed" value="3" /> Limitações do ð A estrutura do documento é a própria estrutura de apresentação Inclusão de novos relacionamentos temporais pode exigir uma reestruturação de todo o documento ð Não oferece reúso de nós e composições ð Os elos são sempre relacionamentos 1:1 ativados por interação do usuário ð W3C descontinuou o padrão em abril de 2012 em prol do 5, que é padrão desde outubro de 2014 <audio>, <video> e scripts para sincronização multimídia 193 5

Documentos relacionados

Hipermídia na Web. Hipermídia na Web HTML HTML. Limitações do HTML XHTML. Linguagens de autoria. debora@midiacom.uff.br

Hipermídia na Web. Hipermídia na Web HTML HTML. Limitações do HTML XHTML. Linguagens de autoria. debora@midiacom.uff.br Departamento de Ciência da Computação - UFF Hipermídia na Web Hipermídia na Web Linguagens de autoria Profa. Débora Christina Muchaluat Saade debora@midiacom.uff.br 1 2 HyperText Markup Language 2.0 (1994),