XML  »  Guide  »  Guida Smil 1.1 

Costruire un documento .smi



Il marcatore <body></body> contiene nei nostri files .smi qualcosa di diverso dalla consueta sintassi HTML.
Vi è dapprima il marcatore <par></par> che contiene tutti gli altri elementi del <body>.

<par> è uno dei due elementi di sincronizzazione di smil. L' altro elemento è <seq>.

par e seq fanno apparire i vari oggetti multimediali nella finestra dell'applicazione contemporaneamente o in sequenza. par sta per parallelo e seq sta per sequenza.
Esistono anche svariati attributi per questi marcatori per i quali rimandiamo al documento del W3C.

Attraverso un marcatore analogo all' <img src></img> dell'HTML includeremmo i file multimediali che dovrebbero preferibilmente essere convertititi per quanto riguarda i file video in: (.rm Real Media), i file grafici in: (.rp Real Pix) e le stringhe di testo. Vediamoli nel dettaglio:

<video src = "MioVideo.rm"
id = "Video"
region = "VideoChannel"
title = "MioVideo"/>
<img src = "MieImmagini.rp"
id = "Headline Pix"
region = "PixChannel"
title = "MieImmagini"/>
<text src = "MioTesto.rt"
id = "Ticker"
region = "TextChannel"
title = "MioTesto"/>

i marcatori <video src/> <img src/> <text src/> sono collegati ai file multimediali e la loro disposizione è definito nell' head.

Nell'<head></head> troviamo il marcatore <region id> che contiene i vari attributi title top left height width background che definiscono le dimensioni.

i marcatori <video src/> <img src/> <text src/> hanno diversi attributi. Per l'elenco completo rimandiamo al documento ufficiale del W3C.

Alla fine, nel suo complesso il file .smi che abbiamo costruito avrà questo aspetto:

<smil>
<head>
<meta name="title" content="qualsiasi titolo voglia mettere" />
<meta name="author" content=" il mio nome, o meglio la mia E-mail
lcorrias@yahoo.com" /> <meta name="copyright" content="©1999" />
<root-layout type="text/smil-basic-layout">
<region id = "VideoChannel"
title = "MioVideo"
left = "0"
top = "0"
height = "120"
width = "160"
background-color = "#888888"
fit = "fill"/>
<region id = "PixChannel"
title = "MieImmagini"
left = "160"
top = "0"
height = "120"
width = "160"
background-color = "#888888"
fit = "fill"/>
<region id = "TextChannel"
title = "MioTesto"
left = "0"
top = "120"
height = "50"
width = "320"
background-color = "#888888"
fit = "fill"/>
</layout>
</head>
<body>
<par>
<video src = "MioVideo.rm"
id = "Video"
region = "VideoChannel"
title = "MioVideo"/>
<img src = "MioPix.rp"
id = "Headline Pix"
region = "PixChannel"
title = "MioPix"/>
<text src = "MioText.rt"
id = "Ticker"
region = "TextChannel"
title = "MioText"/>
</par>
</body>
</smil>

Attraverso il Browser siamo abituati a vedere prender forma alle nostre pagine html, mentre attraverso il RealPlayer o ad un'altra applicazione vedremo e ascolteremo i file smi.

Ultimi articoli XML

Open Graph Protocol, Facebook e il Web Semantico

Come sfruttare il Web Semantico "made in Facebook"

Introduzione a RDFa - 2

Arricchire un documento HTML con metadati semantici presi dal...

Introduzione a RDFa

Cos'è e a cosa serve il linguaggio che potrebbe aprire il campo alle...

Usare SVG per creare sfondi flessibili, scalabili e divertenti

Scopriamo cos'è il formato SVG e come possiamo usarlo in modo...

Visualizzare i metadati RDF Dublin core con le trasformazioni XSL

Mettere insieme XSL, XPATH e le definizioni Dublin core per...

Altri articoli

Guide XML

Guida Podcasting

Un percorso in 16 lezioni, per entrare nella filosofia del podcast...

Guida Smil 2.0

Un percorso pratico alla scoperta di SMIL: il linguaggio (XML) per...

Guida Web service

Cosa sono, a cosa servono e come si creano servizi Web, i sistemi...

Altre guide

Newsletter @XML

Ogni mese, direttamente nella tua e-mail: articoli, guide, FAQ e approfondimenti sui linguaggi della famiglia XML.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Nessun corso previsto

Nessun corso previsto