Exercice 14 : Initiation à SMIL

Le but de cet exercice est de rapidement mettre sur pied sur une modeste animation avec SMIL.

Pour commencer, télécharger le fichier contenant les fichiers multimédia que nous allons mettre en scène.

  1. Créer un fichier SMIL, faisant appel à la DTD de la version 1.0 sur le site du W3C. Il comportera uniquement un entête et un corps de document.
  2. Dans l'entête :
    1. déclarer une zone d'affichage totale de 288 pixels de large, sur 384 de haut, et une couleur de fond bleue.
    2. déclarer une région d'identifiant reg1, à 10 pixels du haut de la fenêtre et 20 pixels de son bord gauche, une largeur de 200 et une hauteur de 111 pixels ;
    3. déclarer une région d'identifiant reg2, à 150 pixels du haut de la fenêtre et 130 pixels de son bord gauche, une largeur de 170 et une hauteur de 20 pixels ;
    4. déclarer une région d'identifiant reg3, dans le coin supérieur gauche de la fenêtre, une largeur de 384 et une hauteur de 288 pixels ;
    5. déclarer une région d'identifiant reg4, à 250 pixels du haut de la fenêtre et 50% de son bord gauche, une largeur de 70 et une hauteur de 20 pixels.
  3. Dans le corps :
    1. L'ensemble des objets cherchés est inclus dans une séquence ;
    2. Cette séquence commence par une image et un texte affichés en parallèle pendant trois secondes :
      • L'image est dauphin1.jpg, et doit être affichée dans la région reg1 ;
      • Le texte est celui du fichier essai.txt, de type plain text, et est affiché dans la région reg2.
    3. Elle continue par l'affichage en parallèle d'une séquence video et d'un texte :
      • la séquence vidéo du fichier dolphin.avi, pendant une durée de 16 secondes (durée totale de la séquence), et affichée dans la région reg3 ;
      • Le texte est celui di fichier dauphin.txt, de type plain text, et affiché dans la région reg4, commençant après une attente de 10 secondes, et pendant 6 secondes.
    4. La séquence se termine par l'affichage du texte du fichier fin.txt, de type plain text, dans la région reg3, pendant 10 secondes.

Retour au cours