Langage de description de présentation multimédia

Formation Synchronized Multimedia Integration Language, tutoriel & guide de travaux pratiques en pdf.

SMIL un dialecte XML

<?xml version= »1.0″ encoding= »iso-8859-1″?> <!DOCTYPE smil PUBLIC « -//W3C//DTD SMIL 1.0//EN »
« http://www.w3.org/TR/REC-smil/SMIL10.dtd »> <smil>
<head>
<meta name= « nom » content= « contenu »/> <layout>
…
</layout>
</head>
<body>
…
</body>
6 </smil>

Deux parties principales

Élément<layout>contient
une description de la fenêtre principale (élément <root-layout>) pour chacune des régions de la présentation, sa position, sa taille et une identification unique (élément <region>)
 Élément <body> contient
 Une description de chacun des média présentés

Élément <root-layout>

 Description de la fenêtre principale
 ses dimensions (en pixels)
 la couleur de fond
 Exemple
<root-layout width= »300″ height= »200″ background-color= »white » />

Élément <region>

 Description d’une région
 son identification : attribut id
 sa position : attributs left et top
 ses dimensions : attributs width et height
 Exemple
<region id= »vim_icon » left= »75″ top= »50″
width= »32″ height= »32″ />
 Chaque média visuel doit avoir une région associée

Positionnement d’une région

 Position absolue (en nombre de pixels)
 left= »75″ top= »50″
 Position relative (en % de la taille de la fenêtre principale)
 left= »50% » top= »40% »

Recouvrement de deux régions

 Deux régions peuvent se recouvrir
 L’attribut z-index donne le niveau
 La région dont le z-index est le plus grand est au dessus
 Exemple
<region id= »bullet6″ title= »marque6″ left= »10″ top= »540″ width= »14″ height= »14″
z-index= »4″ />

Ajuster un média à sa région

 Attribut fit
 fit= »fill » s’étendre dans la sous fenêtre
 fit= »meet » s’étendre sans déformation en remplissant une seule dimension
 fit= »slice » s’étendre sans déformation en remplissant tout l’espace
 fit= »scroll » mettre un (des) ascenseur(s)
 Exemple
<region id= »vim_icon » left= »75″ top= »50″
width= »32″ height= »32″ fit= »scroll » />
Élément <body>
Synchronisation de média movie1.rm
4s img.gif
L’espace
Le temps
audio1 5s audio2
<body>
<par>
<video region= »r1″ src= »movie1.rm » />
<img region= »r2″ begin= »4s » src= »img.gif » /> <seq>
<audio src= »audio1.wav » />
<audio begin= »5s » src= »audio2.mp3″ /> </seq>
</par>
</body>

Faire une séquence avec <par>

On peut créer une séquence avec un élément <par>
<par>
<img region= »r » begin= »0s » src= »img1.gif » dur= »4s »/> <img region= »r » begin= »4s » src= »img2.gif » dur= »4s »/> <img region= »r » begin= »8s » src= »img3.gif » dur= »4s »/>
</par>
Mais il est préférable d’employer un élément <seq>
<seq>
<img region= »r » src= »img1.gif » dur= »4s »/> <img region= »r » src= »img2.gif » dur= »4s »/> <img region= »r » src= »img3.gif » dur= »4s »/>
</seq>

Synchronisation de média

<par>
<audio begin= »5s » src= »audio2.mp3″ />
</par>
 mise en séquence

Pour quoi
langage de description de présentation multimédia
Par qui
W3C
Quand
Première version juin 98