Moteur d`édition et de publication HTML de contenus Webradio

4 février 2011 - Version 1.1
Fabien Cazenave (INRIA) et Cécile Roisin (UPMF-INRIA) - Équipe WAM,
INRIA Rhône-Alpes
Moteur d'édition et
de publication HTML
de contenus
Webradio orienté
"esthétique"
PROJET C2M

SOMMAIRE
I Introduction..................................................................................4
II Objectifs et critères pour la réalisation d'un player multimédia 5
III SMIL-Timesheets : réalisation d'un lecteur multimédia intégré
aux navigateurs................................................................................6
IV timeController.js : composant de waveform et ligne de temps
sémantiquement enrichie................................................................8
V Premiers résultats de publication Webradio...............................9
1 Bilan et suite des études et réalisations...............................................................11
Annexes........................................................................................12
C2M 3

IINTRODUCTION
Parmi les verrous et innovations listés dans le document décrivant le projet C2M, ce
rapport décrit les travaux correspondant principalement au « Verrou 2 : Écriture
WYSIWYM multimédia et écriture spontanée » et à l' « Innovation 2b : Modèle d'édition
multimédia collaboratif ». Plus précisément :
la définition de gabarits : étendre les définitions de gabarits au multimédia
structuré.
→ cas du composant timeline structurée permettant la réalisation de services de
navigation temporelle sémantique.
Le choix des formats de représentation : les standards de ce domaine (SMIL,
XMT, HTML+Timesheets) permettent de mettre en œuvre cette approche comme
dans les outils Amaya et LimSee3.
→ opportunité de HTML5… adaptation et extension de l'expérience Timesheets
faite dans Limsee3
La réponse aux besoins terrain de l'INA : cas de la Webradio
Ces travaux sont développés avec comme objectif concret la production automatisée de
documents multimédia dans le cadre de la chaîne de production de Webradio.
Plan du rapport
Avant de décrire la solution mise en place pour réaliser la publication Webradio, nous
décrirons les principes qui sous-tendent à l'approche choisie, puis le moteur de rendu
HTML5 + Timesheets et les composants qui y ont été ajoutés.
1. Critères
2. Réalisation d'un lecteur multimédia intégré aux navigateurs
3. Définition de composants : waveform, ligne de temps sémantiquement enrichie («
timeline segmentée »)
4. Premiers résultats de publication Webradio
C2M 4

II OBJECTIFS ET CRITÈRES POUR LA
RÉALISATION D'UN PLAYER MULTIMÉDIA
1. Structuration : sémantique des contenus et de la navigation
2. Accessibilité : contenus alternatifs, feuilles de style qui peuvent tirer parti du
format déclaratif
3. Référencement : contenu textuel, balises sémantiques (h1, h2, nav), navigation
temporelle
4. Réutilisation :
Des contenus, tant média (ressources externes) que documents (structures)
Des feuilles de style tant spatiales (CSS) que temporelles (SMIL Timesheets)
5. Portabilité : publications multi terminaux (PC, mobiles) :
Code de traitement de la synchronisation et de l'animation très léger (< 2000
lignes de JavaScript)
Feuilles de style pour la publication multi-terminaux (PC, mobiles)
Adaptation multi-niveaux : média (sélection), structure (présentation des listes,
des liens)
C2M 5