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 2 : image et texte s'enchaînent

le code du fichier smil est le suivant

<smil>
<head>
<meta name="title" content="Image et texte s'enchaînent..." />
<layout> <root-layout width="330" height="300" />
<region id="i" top="20" left="90" width="150" height="60" z-index="1"/>
<region id="t1" top="100" left="5" width="330" height="400" z-index="2"/>
<region id="t2" z-index="3"/>
</layout>
</head>
<body>
<seq>
<par>
<a href="http://real-and-smil.com" show="new">
<img src="http://monsite.com/monimage.jpg" region="i" fill="freeze" /></a>
<text src="texte.rt" region="t1" begin="3" fill="freeze"/>
</par>
<text src="texte2.rt" region="t2" begin="1" fill="freeze"/>
</seq>
</body>
</smil>

 

Le premier éléments intéressant de ce fichier est de montrer qu'il est possible d'enchâsser les balises seq et par. C'est-à-dire que la présentation se découpe en deux grandes parties. Comme vous avez pu le voir une image est jouée avec un texte dessous puis une partie du code est présenté.
On a donc entre les balises seq image+texte1 puis texte2. Mais image+texte 1 doivent être joué simultanément on les place entre des balises par. Ce principe n'a pas de limite, on pourrait imaginer que la partie parallèle se découpe elle même en sous partie séquentielle...

Le second élément intéressant est de remarquer que l'image est linkée et à très peu de chose près de manière identique qu'en html.

<a href="http://real-and-smil.com" show="new"> <img src="http://monsite.com/monimage.jpg" region="i" fill="freeze" /></a>

le show="new" à la même fonction que le class="blank" en html c'est-à-dire qu'il indique que la page doit être ouverte dans une nouvelle fenêtre.

Les layouts son donc des zones définies dans l'espace. Elle peuvent être exprimée en pixel ou en pourcentage. le root-layout définit la taille de l'ensemble de la présentation. Les attributs possible pour une région sont :

top= distance au bord supérieur
down= distance au bord inférieur
left= distance au bord gauche
right= distance au bord droit

with= la largeur
height= la hauteur

on les définis dans la partie head

<region id="t1" top="100" left="5" width="330" height="400" z-index="2"/>

par un identifiant unique ici t1. Ensuite dans la partie body il suffit de rappeler la region : region="t1"

 

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 lancer automatiquement le player en full srceen ? => 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