Langage SMIL

Transcription

Langage SMIL

Synchronized Multimedia
Integration Language
Dominique PRESENT
I.U.T. de Marne la Vallée
SMIL 1.0/SMIL 2.0 : langage pour médias
• Langage pour la gestion de fichiers multimédia texte, images fixes,
images vidéos, animations, sons ;
• Améliorations de SMIL 2 :
• peut être intégré dans d’autres langages tels que XML, XHTML ou
SVG ;
• Deux profils :
• SMIL 2.0 language profile ;
• SMIL 2.0 basic profile (version simplifiée) ;
• Utilise des balises « ouvrantes » et « fermantes » (ou auto-fermantes) ;
• Langage structuré en modules imbriqués d’éléments ;
• A un élément peuvent être associés des attributs ;
IUT de Marne la Vallée
Langage SMIL
© D. PRESENT
Structure du langage
<smil>
Description de la présentation
<head>
<meta name="noname" content="empty" />
<layout type="text/smil-basic-layout" />
</layout>
</head>
Description des fenêtres
<body>
Blocs imbriqués de présentation
<body />
</smil>
Corps de la présentation
Langage SMIL
© D. PRESENT
<smil>
<head>
<meta name="test" content="affiche-images" skip-content="true" />
<layout type="text/smil-basic-layout">
<root-layout title="fond" height="292" width="512" backgroundFond
color="teal" />
d’écran
<region id="image_1" height="179" width="240" backgroundcolor="aqua" left="11" top="11" />
3 fenêtres <region id="image_2" height="178" width="241" backgroundcolor="aqua" left="258" top="11" />
<region id="zone_texte" height="88" width="489" backgroundcolor="aqua" left="12" top="197" />
</layout>
</head>
Position du coin
<body>
en haut à gauche
Dimensions de la
</body> fenêtre (pixels)
Couleur de la
fenêtre
</smil>
Langage SMIL
© D. PRESENT
(pixels)
<smil>
<head>
Lecture des objets
en parallèle
fichier
Région
Début
</head>
d’affichage
d’affichage
<body>
<par endsync="last" repeat="1">
image
<img id="img-0" region="image_1" src="images/antenne2ways.jpg"
dur="17.400s" repeat="1" fill="remove" begin="2.700s" />
Durée
<text id="text-0" region="zone_texte" src="textes/Affichage.txt"
d’affichage
<seq repeat="1">
texte
<video id="video-0" region="image_2" src="videos/video1.rm"
Lecture en
séquence
<video id="video-1" region="image_2" src="videos/video3.rm"
dur="10.0s" repeat="1" fill="remove" begin="id(video0)(end)" end="10.s" />
</seq>
vidéo
</par>
</body>
</smil>
Langage SMIL
© D. PRESENT
Exemples de présentations
Maison de rêves
Navigation au près
Langage SMIL
© D. PRESENT
En-têtes et fenêtres
Attributs des en-têtes
<meta name="Title" content="My First SMIL File"/>
<meta name="Author« content=« Pat Morales"/>
<meta name="Copyright« content="© Spectacular
Media Limited"/>
affichage
code
Attributs des fenêtres
attribut
variable défaut Fonction
backgroundColor
#nnn
black
Couleur de la fenêtre
Height
pixels
0
Hautreur de la fenêtre
width
pixels
0
Titre de la présentation
<region backgroundColor="#008080" width="320" height="240" />
Langage SMIL
© D. PRESENT
dimensions des fenêtres
Deux méthodes de définition :
• hauteur et largeur ;
• distances aux bords de l’écran.
Langage SMIL
© D. PRESENT
Position des fenêtres
<region id="video_region" left="60" top="40"
width="180" height="120"/>
<region id="region_1" right="55%"/>
<region id="region_2" left="55%"/>
<region id="video_region"
right="60" bottom="40"/>
Langage SMIL
© D. PRESENT
Attributs des fichiers sources
attribut
Variable
defaut Fonction
author
text
bitrate
Bits par sec
12288
Débit du flux
begin
temps
0s
Délai de début de lecture
clipBegin temps
0s
Délai de lecture avant affichage
Auteur du clip
clipEnd
temps
Délai de fin d’affichage
dur
temps
Durée de lecture
fill
Auto |freeze| auto
remove
État d’affichage en fin de lecture
id
nom
ID du clip
region
Region_id
Région d’affichage
src
Chemin/nom
Chemin ou URL d’accès au clip
Langage SMIL
© D. PRESENT
Affichage des clips : attributs « fit »
fit="fill"
image
fit="hiden"
fit="meet"
fit="slice"
Langage SMIL
© D. PRESENT
Les modes <seq> et <par>
• Par défaut, les clips sont lus en séquence ;
• La lecture en séquence peut être obtenue par les balises <seq> ….. </seq> ;
• Pour une lecture simultanée de clips utiliser les balises <par> …. </par> :
• 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 à ne
pas dépasser la bande passante autorisée ;
• L’affichage d’une image fixe ne commence qu’après son chargement (temps
de chargement (sec) = fichier (Koctets) x 8192 / débit (b/s) ;
Langage SMIL
© D. PRESENT
Ordonnancement des clips
<seq>
Clip 1
<par>
Clip 2
Clip 3
</par>
Clip 4
</seq>
<par>
Clip 1
<seq>
Clip 2
Clip 3
</seq>
Clip 4
</par>
Langage SMIL
© 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 SMIL et les fichiers sources sont
sur le même serveur ;
• Au cours du développement, les tests sont faits en local. Les chemins seront
donc locaux. Avant le transfert du fichier SMIL sur un serveur, il faut vérifier
les chemins d’accès.
balise
Fichiers sources
<audio/>
Clips audios (.wma, .mov, .mpeg) RealAudio (.rm)
<img/>
JPEG, GIF ou images PNG
<ref/>
Autres clips tels que flash (.swf)
<video/>
Clips video .rm, .rmvb, .avi, .wma, .mov, .mpeg
Langage SMIL
© D. PRESENT
Editeur SMIL
Attributs
des objets
Zone graphique
Structure
du fichier
Zone d’ordonnancement
Langage SMIL
© D. PRESENT
Editeur SMIL : affichage/édition du code
Langage SMIL
© D. PRESENT
Editeur SMIL : l’ordonnanceur
Bloc <par>
Bloc <séq>
curseurs
Langage SMIL
© D. PRESENT
Editeur SMIL : édition des attributs
Langage SMIL
© D. PRESENT
Editeur LimSee
Structure
du fichier
Zone graphique
Structure
du fichier
Zone
d’ordonnancement
Langage SMIL
© D. PRESENT

Langage SMIL

Transcription

Documents pareils

Services de vidéo en ligne

Sébastien Laborie TP n°1 : Mon premier document multimédia SMIL

Web sémantique et intelligence artificielle

Dimanche 12 avril 2015 La rando des 3 nouveaux

internet videoLPNB

EMPLOI SAISONNIER

Référence annonce : 1508463 - L`immobilier 100% entre Particuliers

Chargé de communication (H/F)

Projet Multimédia

ID de l`inscription : 863 Titre de l`inscription : Mosquée De Champs

LES DEUX TYPES DE COMMUNICATION

Utiliser un éditeur de SMIL - Sébastien Laborie

Tutorial SMIL - editeur et lecteur smil - exemples

Langages de publication temporalisée