Ombretta Gaggi1 SMIL Synchronized Multimedia Integration Language Basi di Dati e Sistemi Informativi (Sistemi Multimediali) Ombretta Gaggi, 3 Maggio 2001

Ombretta Gaggi2 Cronologia 15 Giugno 1998: vengono pubblicate le specifiche di SMIL 1.0 come W3C recommendation. 1 Marzo 2001: vengono pubblicate le specifiche di SMIL 2.0 come W3C working draft.

Ombretta Gaggi3 SMIL permette di… (1) disporre degli oggetti multimediali in punti precisi dello schermo descrivere il comportamento temporale dei diversi elementi di una presentazione ipermediale

Ombretta Gaggi4 SMIL permette di… (2) modificare la riproduzione secondo alcuni parametri relativi alla stazione di lavoro dellutente –lingua, bit-rate… inserire dei link ad altre presentazioni o parti di esse

Ombretta Gaggi5 <!-- sincronizzazione degli elementi della presentazione--> Struttura di una documento SMIL

Ombretta Gaggi6 SMIL vs HTML un documento SMIL ha una struttura molto simile ad un documento HTML ma –i tag sono case sensitive –deve sempre esserci un tag di chiusura –i tag devono essere aperti e chiusi nellordine corretto (XML)

Ombretta Gaggi7 La sezione Head contiene la definizione della finestra in cui è contenuta le presentazione è possibile definirvi le regioni: –sono porzioni dello schermo entro cui inserire i media della presentazione

Ombretta Gaggi8 Posizionamento delle regioni si considera come origine langolo superiore sinistro della finestra principale, e si calcola la distanza in numero di pixel Origine Top Left Width Height

Ombretta Gaggi9 Le regioni <root-layout width= 300 height=200 background-color=white /> <region id= icona left=75 top=50 width=40 height= 40 /> <img src=mondo.gif alt=Icona mondo region=icona />

Ombretta Gaggi10 Posizionamento relativo e z-index <root-layout width= 300 height=200 background-color=white /> <region id= rettangolo left=30% top=50% width=50 height= 70 z-index=1 /> <region id= cerchio left=25% top=25% width=100 height= 100 z-index=2 />

Ombretta Gaggi11 Lattributo Fit

Ombretta Gaggi12 La sezione Body contiene le descrizione temporale dello svolgimento della presentazione multimediale tutte le informazioni relative alla sincronizzazione degli oggetti nel tempo: –durata di un oggetto –inizio –fine <root-layout width= 300 height=200 background-color=white /> <region id= video left=75 top=50 width=40 height= 40 /> <img src=intervista.rm region=video begin= 3s dur=5s />

Ombretta Gaggi13 Riproduzione parallela il tag permette la riproduzione parallela di più oggetti è possibile luso degli offset <audio src=commento_parlato begin=10s>

Ombretta Gaggi14 Riproduzione in sequenza il tag permette la riproduzione sequenziale di più oggetti è possibile annidare i tag e file 1 file 2 file 3 file 4

Ombretta Gaggi15 Eventi è possibile sincronizzare due o più oggetti sulla base del verificarsi di un evento: <audio src=colonna_sonora id=musica> <audio src=commento_parlato begin= id(musica)(10s) id=commento>

Ombretta Gaggi16 Switch permette di regolare la riproduzione della presentazione sulla base di alcune informazioni relative allutente - può essere inserito sia sella sezione layout che nella sezione body

Ombretta Gaggi17 Cosa si può testare? la lingua il bit-rate la dimensione e la profondità dell schermo caption o overdub quali tipi MIME supporta il visualizzatore dellutente

Ombretta Gaggi18 Hyperlink SMIL support link unidirezionali molto simile a quelli offerti dal linguaggio HTML si possono inserire link ad una presentazione o a parte di essa utilizzando lid appropriato è possibile modificare lo stato di riproduzione della sorgente del link

Ombretta Gaggi19 Un esempio

Ombretta Gaggi20 Definizione delle regioni <region id="title" left="5" top="150" width="400" height="200" z- index="1"/> <region id="full" left="0" top="0" height="425" width="450" background-color="#602030"/> <region id="video" left="260" top="240" height="120 width="160" z-index="2"/> <region id="toc" left="450" top="0" height="425" width="175"/>

Ombretta Gaggi21 Sincronizzazione: lindice

Ombretta Gaggi22 Sincronizzazione: la regione video <text src="title.rt" region="title" dur="20s"/>

Ombretta Gaggi23 Animazione mappa <img src="map.rp" region="full" fill="freeze"/>

Ombretta Gaggi24 Video Slide Show <img src="slideshow.rp" region="full" fill="freeze" system- bitrate="45000"/> <img src="slideshow_low.rp" region="full" fill="freeze" system- bitrate="20000"/> <audio src="video_narration_audio_only.rm" clip-begin="27s" dur="53s"/>

Ombretta Gaggi25 Alcune limitazioni di SMIL (1) Non fa alcun controllo sulla coerenza: <audio src=colonna_sonora dur=20s > <audio src=commento_parlato dur=15s >

Ombretta Gaggi26 Alcune limitazioni di SMIL (2) lutente può interagire solo con lintera presentazione e non con i singoli componenti seguendo un link, non è possibile fermare la presentazione originaria non permette luso di transizioni …

Ombretta Gaggi27 Players RealNetworks G2 CWI Grins beta Helio Soja beta NIST S2M2. Productivity Works L p player

Ombretta Gaggi28 Authoring tools RealNetworks RealPresenter CWI Grins TAG Editor G2 release by Digital Renaissance VEON authoring tool L p Studio PRO

Ombretta Gaggi29 Alcuni tutorial SMIL in rete Specifiche SMIL