Exemple 3 : le
son de la chanson pendant les paroles défilent
le code du fichier smil est le suivant
<smil>
<head>
<meta name="title" content="Texte, image et les Greyhounds" />
<layout>
<root-layout width="260" height="400" />
<region id="i" top="5" left="70" width="115" height="120" z-index="1"/>
<region id="t1" top="130" left="5" width="240" height="265" z-index="2"/>
<region id="t2" z-index="3"/>
</layout>
</head>
</body>
<seq>
<par>
<img src="image.rp" region="i" fill="freeze" />
<audio src="http://monsite.com/ma_chanson.rm" />
<text src="texte.rt" region="t1" fill="freeze"/>
</par>
<text src="texte2.rt" region="t2" begin="3" fill="freeze"/>
</seq>
</seq>
</body>
</smil>
L'intérêt de l'exemple son n'est ni dans le son ni
dans le fichier smil. Le fichier smil est quasi identique a celui
de l'exemple image et l'appel d'un fichier son se fait comme pour
une image en remplaçant img src par audio src. Quant au fichier
son c'est un ficher rm (real media qui est créer par helix
producer (cf tutorial
sur helix producer)
Sans définition de durée l'image et le texte ne disparaissent
qu'après la durée du fichier son.
L'intérêt de cet exemple se cache donc dans le fichier
rp. (realpix) qui sert à agencer les images.
<imfl>
<head timeformat="dd:hh:mm:ss.xyz"
duration="30.0"
bitrate="12000"
width="115"
height="120"
preroll="10.0"
/>
<image handle="1" name="image1.jpg" mime="image/jpeg"/>
<image handle="2" name="image2.jpg" mime="image/jpeg"/>
<image handle="3" name="image3.jpg" mime="image/jpeg"/>
<crossfade start="0.0" duration="1.0" target="1" dstx="0" dsty="0"
dstw="320" dsth="240" aspect="true" />
<crossfade start="7.0" duration="1.0" target="2" dstx="0" dsty="0"
dstw="320" dsth="240" aspect="true" />
<crossfade start="14.0" duration="1.0" target="3" dstx="0" dsty="0"
dstw="320" dsth="240" aspect="true" />
<crossfade start="21.0" duration="1.0" target="1" dstx="0" dsty="0"
dstw="320" dsth="240" aspect="true" />
</imfl>
Dans la partie head on retrouve les méta informations, sur
la durée, la taille, la fonction, ... Chaque image est définie
par un identifiant unique.
Vient ensuite le magnifique effet de fondu enchaîné
que vous avez pu voir. Start désigne évidement la
durée qui sépare l'apparition de l'image du début
de la présentation dstx, dsty sont des informations semblable
à celle apportées par left, top etc dans l'exemple
précédent. On remarquera qu'elles sont toutes identiques
afin que les images soient jouée exactement au même
endroit.
Il existe un grand nombre d'effets de transition et autre possible.
Et ce d'autant plus depuis l'arrivée du smil2.0. Vous en
trouverez une liste quasi exhaustive en parcourant les liens suivant
:
sur le site de realnetwork
et sur le site du wc3
(xml)
notes: cela implique l'ajout d'une ligne de code telle que celle-ci
<smil xmlns="http://www.w3.org/2001/SMIL20/Language">
suite du tutorial =>>
-
-
Le tutorial basé sur quatre exemples (applications)
commentés
-
-
-
-
-
-
-
-
Vos avis et remarques sur
cette rubrique |
|
|