Accueil | Annuaire streaming | > Actualités du streaming < | Télécharger

>> Streaming

 >> Logiciels

>> Videos Wall

>> DVD en RMVB

>> SMIL

>> Sélection

>> Actu Streaming


inscription
désinscription

>> Contact

 

 
 
SMIL : Tutorial


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 =>>

  1. Les logiciels
  2. Le tutorial basé sur quatre exemples (applications) commentés
    1. le texte
    2. l'image
    3. le son
    4. la video
  3. LimSee2 le smil en wysiwyg
  4. L'interview Daniel Weck (projet LimSee2)
  5. L'ancien tutorial
  6. Tous les tutoriaux français et anglais
Vos avis et remarques sur cette rubrique

 Trucs et astuces Real & Smil
Comment couper ou joindre des fichiers real media ? => la page trucs et astuces

 

Real & Smil : les pages qui font l'actu

 

- Chromecast : streamer votre mobile sur votre TV

- Realplayer Cloud : le dernier realplayer compatible chromecast

- TV sur PC : Regarder et enregistrer gratuit

- Mobile streaming live : la TV en streaming sur les mobiles

- P2P TV streaming : Le peer to peer en directe

Accueil
Page précédente
Haut

- A propos de Real & Smil - Contact -

 

Annonce spectacle .:. Football .:. Serie Tv .:. Revisionner les émissions télé .:. Films en Streaming .:. i-muzzik