TUTORIELS 
SMIL : Première approche

Page 1 | 2

La spécification du W3C permettant de gérer des contenus multimédia directement dans le navigateur semble un peu mal aimée. A tort.
 (28 novembre 2003)
 
Beaucoup de projets du W3C deviennent rapidement des mots-clés indispensables à la trousse à outils du développeur Web - et pour cause. HTML, XML, CSS, DOM, SOAP, RDF, Web Sémantique et d'autres sont ainsi les vedettes du développement en ligne, à raison.

Mais peut donnent de l'importance aux travaux effectués par le W3C en matière de graphisme. SVG, par exemple, bien que promis à un avenir de "Flash killer", a encore du mal à s'imposer face au format de Macromedia. SMIL est probablement encore moins reconnu que SVG, alors qu'il ouvre les portes du multimédia au sein de la page Web.

SMIL est l'acronyme de Synchonized Multimedia Integration Language (langage d'intégration multimédia synchronisée). Son nom indique clairement son but: pouvoir intégrer des éléments multimédia au sein d'une page Web. Mot important: "synchronisée" indique bien que ces éléments (images, mais aussi sons, vidéos, textes...) peuvent être synchronisés les uns avec les autres, pour créer au final de véritables présentations multimédia.
Sa capacité à séparer les médias permet d'obtenir un contenu plus léger à charger.

La spécification est alléchante, mais elle souffre d'un manque de support: Microsoft, Netscape/Mozilla et Opera, pour ne citer que les principaux, rechignent, semble-t-il, à l'intégrer dans leurs navigateurs.
Notons néanmoins que depuis sa version 5.5, IE reconnaît les balises SMIL au sein d'un fichier HTML, grâce à des spécifications annexes : HTML+TIME (5.5+) et XHTML+SMIL (6.0+).
A l'instar de SVG, l'utilisateur doit donc télécharger un plug-in ou un programme tiers s'il souhaite profiter des sites faisant usage de SMIL : RealOne Player/Helix, QuickTime, GriNS (payant), Ambulant...

A quoi ressemble-t-il ?
SMIL est construit sur le langage XML, et reste proche de l'esprit HTML - il semblera donc familier à ceux ayant déjà étudié ces autres langages.

Voici un exemple très simple :

[fichier monTest.smil]
<!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 2.0//EN" "http://www.w3.org/2001/SMIL20/SMIL20.dtd">
  <smil xmlns="http://www.w3.org/2001/SMIL20/Language">
    <head>
      <meta name="monTest" content="01" />
    </head>
    <body>
      <img src="/img/monImage" width="12" height="11"/>
    </body>
  </smil>


Vous constatez que, mis à part le remplacement de la balise html par une balise smil, rien ne différencie vraiment cette structure d'un fichier XHTML classique.

Discutez en sur les forums

Là où l'on peut déjà voir une différence entre HTML et SMIL, c'est que SMIL permet d'introduire la notion de temps, de découpage en séquences, de transition... Nous allons vous en donner un aperçu pour cette première approche.

Page 1 | 2

 
[ Xavier BorderieJDNet
 
Accueil | Haut de page