ALL HTML - Premier code

retour

Premier code

Article publié le lundi 29 mars 2004 par ALL HTML.
Cet article est classé dans les catégories « SMIL »

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.

Exemple


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

VOS COMMENTAIRES ...

Commenter cette publication

Aucun commentaire pour le moment ...

Commenter cette publication

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

Forums de discussions associés

Discutez et échangez sur ce thème dans notre forum Streaming - SMIL.

15/04/2008 à 09 h 37 Lecture mp3 (1 réponse)
02/04/2008 à 19 h 36 mp3 (4 réponses)
22/02/2008 à 09 h 35 Démarage google video selon l'heure (0 réponse)
12/01/2008 à 12 h 09 durée limité de streaming (0 réponse)
11/01/2008 à 11 h 15 baisser le volume d'une video youtube (1 réponse)

all html : Le portail des webmaster

Premier code

Exemple de code SMIL

VOS COMMENTAIRES ...

Forums de discussions associés

Liens sponsorisés