SMIL: Synchronized Multimedia Integration Language

Dimensione: px

Iniziare la visualizzazioe della pagina:

Download "SMIL: Synchronized Multimedia Integration Language"

Gildo Orsini
10 anni fa
Visualizzazioni

1 SMIL: Synchronized Multimedia Integration Language Giancarlo Fortino 1

2 Cronologia Nov 97: Prima release pubblica di SMIL Apr 98: vengono pubblicate le specifiche di SMIL 1.0 come W3C recommendation. Ago 01: vengono pubblicate le specifiche di SMIL 2.0 come W3C recommendation (Jan nd ed.). Feb 05: SMIL 2.1 working draft 2

3 SMIL permette di (1) disporre degli oggetti multimediali in punti precisi dello schermo (space relations) descrivere il comportamento temporale dei diversi elementi (o media object) di una presentazione ipermediale (time relations) 3

descrivere il comportamento temporale dei diversi elementi

4 SMIL permette di (2) modificare la riproduzione secondo alcuni parametri relativi alla stazione di lavoro dell utente lingua, bit-rate, etc inserire dei link ad altre presentazioni o parti di esse 4

5 Struttura di una documento SMIL <smil> <head> <meta name= "author" content= "Your Name" /> <layout>  </layout> </head> <body>  </body> </smil> 5

6 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 nell ordine corretto (XML) 6

sensitive deve sempre esserci un tag di chiusura i

7 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 7

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

9 Le regioni <smil> <head> <meta name= author content= Your Name /> <layout> <root-layout width= 300 height= 200 background-color= white /> <region id= icona left= 75 top= 50 width= 40 height= 40 /> </layout> </head> <body> <img src= mondo.gif alt= Icona mondo region= icona /> </body> </smil> 9

<region id= icona left= 75 top= 50 width= 40 height= 40 /> </layout>

10 Posizionamento relativo e z-index <smil> <head> <layout> <root-layout width= 300 height= 200 background-color= white /> <region id= rettangolo left= 30% top= 50% width= 50 height= 70 z-index= 2 /> <region id= cerchio left= 25% top= 25% width= 100 height= 100 z-index= 1 /> </layout> </head> <body> <img src= rettangolo.gif region= rettangolo /> <img src= cerchio.gif region= cerchio /> </body> </smil> 10

/> <region id= cerchio left= 25% top= 25% width= 100 height= 100 z-index= 1 /> </layout> </head>

11 L attributo Fit 11

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

white /> sincronizzazione degli oggetti nel tempo: <layout> durata di un oggetto inizio </layout> fine <region id= video

13 Riproduzione parallela <smil> il tag <par> permette la riproduzione <body> parallela di più oggetti <par> <!questi due file vengono eseguiti> è possibile <!contemporaneamente> l uso degli offset <audio src= colonna_sonora.au > <audio src= commento_parlato.au begin= 10s > </par> </body> </smil> 13

questi due file vengono eseguiti> è possibile <!

14 Riproduzione in sequenza <smil> <body> <seq> </seq> </body> </smil> il tag <seq> permette la riproduzione sequenziale di più oggetti è possibile annidare i tag <seq> e <par> file 1 <par> <!questi due file vengono eseguiti> file 2 <!contemporaneamente> file 3 </par> file 4 <!questo file viene eseguito quando sia> <!file2 che file3 sono terminati> 14

<par> file 1 <par> <!questi due file vengono eseguiti> file 2 <!

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

id(commento) > <audio src= colonna_sonora id= musica >

16 Switch permette di regolare la riproduzione della presentazione sulla base di alcune informazioni relative all utente <switch> <audio src="audio_migliore" system-bitrate="16000" /> <audio src= audio_peggiore" system-bitrate="8000" /> </switch> - può essere inserito sia sella sezione layout che nella <switch> sezione body <audio src= audio_italiano" system-language= it"/> <audio src= audio_inglese" system-language="en"/> </switch> 16

system-bitrate="8000" /> </switch> - può essere inserito sia sella sezione layout che nella <switch> sezione

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

18 Hyperlink <par id= text_and_video > <video src= file_video region= video /> <text src= file_testo region= testo /> </par> 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 l id appropriato è possibile modificare lo stato di riproduzione della sorgente del link <a href= presentazione.smil#text_and_video show= Pause > <video src= altro_file_video" region= altra_regione /> </a> 18

presentazione o a parte di essa utilizzando l id appropriato è possibile modificare lo stato di riproduzione della

19 Un esempio 19

20 Definizione delle regioni <head> <layout> <root-layout height="425" width="625 backgroundcolor="black"/> <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"/> </layout> </head> 20

top="0" height="425" width="450" background-color="#602030"/> <region id="video" left="260" top="240"

21 Sincronizzazione: l indice <par id= text_and_video > <text src="toc.rt" region="toc" /> <seq>   </seq> </par> 21

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

23 Animazione mappa <par> <audio src="map_narration.rm"/> <img src="map.rp" region="full" fill="freeze"/> </par> 23

24 Video Slide Show <par> <switch> <img src="slideshow.rp" region="full" fill="freeze" systembitrate="45000"/> <img src="slideshow_low.rp" region="full" fill="freeze" systembitrate="20000"/> </switch> <seq> <video src="video_narration.rm" region="video" dur="27s"/> <audio src="video_narration_audio_only.rm" clip-begin="27s" dur="53s"/> <video src="video_narration.rm" clip-begin="80s" region="video"/> </seq> </par> 24

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

26 Alcune limitazioni di SMIL (2) l utente può interagire solo con l intera presentazione e non con i singoli componenti seguendo un link, non è possibile fermare la presentazione originaria non permette l uso di transizioni 26

27 Players 2.0 AMBULANT/X Open Source SMIL Player: RealOne Platform by RealNetworks: /ecosystem/realone.html?src=rnhmfs GRiNS for SMIL-2.0 by Oratrix 27

28 Authoring tools RealNetworks RealPresenter Grins TAG Editor G2 release by Digital Renaissance VEON authoring tool 28

29 Alcuni tutorial SMIL in rete Specifiche SMIL

Documenti analoghi

Laboratorio di Basi di Dati e Multimedia

Laboratorio di Basi di Dati e Multimedia Laurea in Informatica Multimediale Docente: Carlo Combi Email: [email protected] Lezione 8 Il linguaggio XML extensible Markup Language XML è un linguaggio di