11.07.2015 Views

Langage SMIL

Langage SMIL

Langage SMIL

SHOW MORE
SHOW LESS
  • No tags were found...

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Synchronized MultimediaIntegration LanguageDominique PRESENTI.U.T. de Marne la Vallée


<strong>SMIL</strong> 1.0/<strong>SMIL</strong> 2.0 : langage pour médias• <strong>Langage</strong> pour la gestion de fichiers multimédia texte, images fixes,images vidéos, animations, sons ;• Améliorations de <strong>SMIL</strong> 2 :• peut être intégré dans d’autres langages tels que XML, XHTML ouSVG ;• Deux profils :• <strong>SMIL</strong> 2.0 language profile ;• <strong>SMIL</strong> 2.0 basic profile (version simplifiée) ;• Utilise des balises « ouvrantes » et « fermantes » (ou auto-fermantes) ;• <strong>Langage</strong> structuré en modules imbriqués d’éléments ;• A un élément peuvent être associés des attributs ;IUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Structure du langageDescription de la présentationDescription des fenêtresBlocs imbriqués de présentationCorps de la présentationIUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Structure du langageFondd’écran3 fenêtresDimensions de lafenêtre (pixels)Couleur de lafenêtrePosition du coinen haut à gauche(pixels)IUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


imageDuréed’affichagetexteLecture enséquenceStructure du langageLecture des objetsen parallèleRégiond’affichagevidéoIUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENTfichierDébutd’affichage


Exemples de présentationsMaison de rêvesNavigation au prèsIUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Attributs des en-têtesEn-têtes et fenêtres


dimensions des fenêtresDeux méthodes de définition :• hauteur et largeur ;• distances aux bords de l’écran.IUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Position des fenêtresIUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Attributs des fichiers sourcesattributVariabledefautFonctionauthortextAuteur du clipbitrateBits par sec12288Débit du fluxbegintemps0sDélai de début de lectureclipBegintemps0sDélai de lecture avant affichageclipEndtempsDélai de fin d’affichagedurtempsDurée de lecturefillAuto |freeze|removeautoÉtat d’affichage en fin de lectureidnomID du clipregionRegion_idRégion d’affichagesrcChemin/nomChemin ou URL d’accès au clipIUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Affichage des clips : attributs « fit »IUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Les modes et • Par défaut, les clips sont lus en séquence ;• La lecture en séquence peut être obtenue par les balises ….. ;• Pour une lecture simultanée de clips utiliser les balises …. :• chaque clip doit être affecté à une région d’affichage différente ;• par défaut, l’affichage des clips finit avec la fin du clip le plus long.L’attribut endsync modifie la fin de l’affichage. Exemples.:endsync="first« stoppe l’affichage des clips à la fin du clip le plus court)endsync="vidéo1" stoppe l’affichage à la fin du clip « vidéo1 »• l’attribut dur prévaut sur l’attribut endsync ;• Les débits des flux des clips lus simultanément s’additionnent. Attention à nepas dépasser la bande passante autorisée ;• L’affichage d’une image fixe ne commence qu’après son chargement (tempsde chargement (sec) = fichier (Koctets) x 8192 / débit (b/s) ;IUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Ordonnancement des clipsClip 1Clip 2Clip 3Clip 4Clip 1Clip 2Clip 3Clip 4IUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Balises des clips et chemins d’accès• A chaque type de media est associée une balise incluant un attribut src ;• L’attribut src donne le chemin d’accès et le nom du fichier source à lire ;• Le chemin d’accès à un fichier source peut être un URL ou un chemin local ;• Les chemins sont locaux lorsque le fichier <strong>SMIL</strong> et les fichiers sources sontsur le même serveur ;• Au cours du développement, les tests sont faits en local. Les chemins serontdonc locaux. Avant le transfert du fichier <strong>SMIL</strong> sur un serveur, il faut vérifierles chemins d’accès.baliseFichiers sourcesClips audios (.wma, .mov, .mpeg) RealAudio (.rm)JPEG, GIF ou images PNGAutres clips tels que flash (.swf)Clips video .rm, .rmvb, .avi, .wma, .mov, .mpegIUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Editeur <strong>SMIL</strong>Attributsdes objetsZone graphiqueStructuredu fichierZone d’ordonnancementIUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Editeur <strong>SMIL</strong> : affichage/édition du codeIUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Editeur <strong>SMIL</strong> : l’ordonnanceurBloc Bloc curseursIUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Editeur <strong>SMIL</strong> : édition des attributsIUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT


Editeur LimSeeStructuredu fichierZone graphiqueStructuredu fichierZoned’ordonnancementIUT de Marne la Vallée <strong>Langage</strong> <strong>SMIL</strong>© D. PRESENT

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!