|  |  | |
|
|
|
|
|
 Focus - 20 Août 2008
En étant membre d'ALL HTML, vous bénéficiez d'une remise de 15% sur les Pack Pro et 10% sur les transferts chez AMEN.
Pour en bénéficier, il vous suffit d'intégrer le code promo demandé à la saisie de votre commande. Vous trouverez ce code dans votre messagerie interne dans votre Zone Membre !
 N'attendez-plus : -15 % chez AMEN
|
|
|
|
|
|
| SMIL |     | | Premier code SMIL
 1. Exemple de code SMIL
Dans cet exemple, nous allons créer une présentation Smil simple. Nous utiliseront différents modèles temporels, un switch et des liens.
Note : Dans cet exemple, le code sera en rouge, et les commentaires en vert.
<smil>
<head>
Propriétés du nouveau document SMIL
<meta name="author" content="allhtml"/>
<meta name="title" content="exemple de code"/>
<meta name="copyright" content="© 2001"/>
Mise en page
<layout>
Définition de la couleur d'arrière-plan, et de la taille de la présentation
<root-layout background-color="#0000FF" height="160" width="200"/>
Création de zones où seront affichés les éléménts. Ici, on a une première zone de la taille de la présentation, les autres régions sont dispopsées comme suivant :
- 1 : zone_image1
-2 : zone_video2
-3 : zone_image2
-4 : zone_video2
<region id="zone_accueil" left="0" top="0" height=" 160" width="200"/>
<region id="zone_image1" left="0" top="0" height=" 40" width="50"/>
<region id="zone_video1" left="50" top="0" height=" 40" width="50"/>
<region id="zone_image2" left="50" top="40" height=" 40" width="50"/>
<region id="zone_video2" left="0" top="40" height=" 40" width="50"/>
</layout>
</head>
<body>
Nouvelle séquence : L'image d'accueil s'affichera dans un premier temps puis dans un dexième temps une lecture parallèle se mettra en place
<seq>
<img id="accueil" src="debut.rp" region="zone_accueil"/>
Nouvelle lecture parallèle à l'intérieur de la séquence : Les images, les videos et la voix-off s'exécuteront en même temps
<par>
L'image1 et 2 auront des liens sur des nouvelles présentations cible1 et cible2
<a src="cible1.smi" show="new"/>
<img id="image1" src="bleu.rp" region="zone_image1"/>
</a>
<a src="cible2.smi" show="new"/>
<img id="image2" src="rouge.rp" region="zone_image2"/>
</a>
La vidéo1 sera stoppée au bout de 15 secondes, mais restera affichée
<video id="video1" src="jaune.rm" region="zone_video1" clip-end="15s"/>
La vidéo2 commencera au bout de 5 secondes
<video id="image1" src="vert.rm" region="zone_video2" clip-begin="5s"/>
La voix-off varie selon la langue du système de l'utilisateur
<switch>
<audio src="sonfrancais.rm" system-language="fr" repeat="2"/>
<audio src="sonanglais.rm" system-language="en" repeat="2"/>
<audio src="sonallemand.rm" system-language="de" repeat="2"/>
Si le système utilise une autre langue, la voix-off par défaut sera sonanglais.rm
<audio src="sonanglais.rm" repeat="2"/>
Fermeture (dans l'ordre) de toutes les balises
</switch>
</par>
</seq>
</body>
</smil> |
|
| |
Recommander ALL HTML
Si vous appréciez ce site,
n'hésitez pas à le faire
découvrir à vos ami(e)s...
| | Cliquez ici |
|
|
| | |
ACCUEIL
