Nella scorsa lezione abbiamo descritto gli elementi e gli attributi necessari per inserire media in una presentazione SMIL, in questa lezione, invece, analizziamo qualche esempio.
Partiamo da una presentazione già trattata:
<?xml version="1.0"?>
<!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 2.0//EN"
"http://www.w3.org/2001/SMIL20/SMIL20.dtd">
<smil xmlns="http://www.w3.org/2001/SMIL20/Language">
<head>
<layout>
<root-layout backgroundColor="black" width="405"
height="275"/>
</layout>
</head>
<body>
<par dur="10">
<audio src="media/sottofondo.mp3"/>
<img src="media/paesaggio.jpg"/>
<text src="media/descrizione.txt"/>
</par>
</body>
</smil>
Si può notare come nella presentazione vi siano già un file audio, un’immagine e un testo; inseriamo ora un filmato, la sintassi è sempre la stessa:
<?xml version="1.0"?>
<!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 2.0//EN"
"http://www.w3.org/2001/SMIL20/SMIL20.dtd">
<smil xmlns="http://www.w3.org/2001/SMIL20/Language">
<head>
<layout>
<root-layout backgroundColor="black" width="405"
height="275"/>
</layout>
</head>
<body>
<par dur="10">
<audio src="media/sottofondo.mp3"/>
<img src="media/paesaggio.jpg"/>
<text src="media/descrizione.txt"/>
<video src="media/film.mpeg"/>
</par>
</body>
</smil>
A questo punto non ci rimane che aggiungere informazioni relative ai vari oggetti inseriti, tenendo presente che non tutti gli attributi si possono applicare a qualsiasi tipo di oggetto, l’importante è che vengano sempre specificati gli attributi title e alt:
<?xml version="1.0"?>
<!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 2.0//EN"
"http://www.w3.org/2001/SMIL20/SMIL20.dtd">
<smil xmlns="http://www.w3.org/2001/SMIL20/Language">
<head>
<layout>
<root-layout backgroundColor="black" width="405" height="275"/>
</layout>
</head>
<body>
<par dur="10">
<audio src="media/sottofondo.mp3" title="The wide sea"
alt="Sottofondo musicale" abstract="Sottofondo musicale celtico
rilassante" longdesc="Brano musicale che richiama l'attenzione
sui particolari naturalistici delle zone irlandesi"
author="Dott. Alessandro Meo" copyright="Copyright Alessandro Meo"/>
<img src="media/paesaggio.jpg" title="Scogliera nordica"
alt="Costa a sud di Dublino" abstract="Costa a sud di Dublino"/>
<text src="media/descrizione.txt" title="La natura irlandese"
alt="Natura irlandese"/>
<video src="media/film.mpeg" title="Flora e fauna"
alt="Presentazione flora e fauna"/>
<video src="media/film.mpeg" title="Presentazione flora e fauna"/>
</par>
</body>
</smil>
Dopo aver analizzato l’inserimento di media in una presentazione, nella prossima lezione entreremo nel cuore di SMIL, vale a dire le funzionalità di sincronizzazione e temporizzazione.