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