Admin CliCours
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
Télécharger le cours complet
