all html : Le portail des webmaster

Article publié le lundi 29 mars 2004 par ALL HTML.
Cet article est classé dans les catégories « SMIL »

Synchronized Multimedia Integration Language. Ce langage, très proche du XML de part sa structure, permet de créer du contenu multimédia sur Internet, mixant sons, vidéos, animations vectoriels... Ces spécifications ont été travaillées par le W3C.

SMIL ?

SMIL Synchonized Multimedia Integration Language ou comment synchroniser divers éléments multimédia, tels que de la vidéo du son, du texte... Afin de créer des présentations interactives et spectaculaires (vous avez dit WebTv... ?), tout en s'adaptant à votre vitesse de connexion (du simple modem 28.8 à une ligne spécialisée T1).
Ce langage s'appuie avant tout sur le XML, il est même entièrement basé sur celui-ci. Le W3C définit ce langage comme "une apllication XML qui décrit le format et le comportement temporel de présentations multimédia, et la façon dont les objets multimédia exploitent les liens hypertextes", bref les possibilités sont quasi illimitées !

Note : Le SMIL est une recommandation officielle du W3C en date 13 juin 2000.

Lecteurs SMIL

Il existe plusieurs lecteurs (appelés encore players) SMIL, même s'ils sont encore rares... Ci-dessous un tableau récapituatif des principaux lecteurs actuels.

<br><table border="1" bordercolor="#330033" cellpadding="3" cellspacing="1" width="489"><tbody><tr><td align="center" bgcolor="#6699cc"><span class="texte"><b>Nom </b></span></td><td align="center" bgcolor="#6699cc"><span class="texte"><b>URL de l'éditeur </b></span></td><td align="center" bgcolor="#6699cc"><span class="texte"><b>Commentaire </b></span></td></tr><tr><td><span class="texte"><b>GriNs </b></span></td><td><span class="texte"><a href="http://www.oratrix.com/GRiNS/" class="lien" target="_blank">http://www.oratrix.com/GRiNS/</a> </span></td><td><span class="texte">Lecteur et éditeur SMIL </span></td></tr><tr><td><span class="texte"><b>HPAS </b></span></td><td><span class="texte"><a href="http://www.research.digital.com/src/HPAS" class="lien" target="_blank">http://www.research.digital.com/src/HPAS</a> </span></td><td><span class="texte">Applet JAVA pour Netscape 4 </span></td></tr><tr><td><span class="texte"><b>I.E 5.5 </b></span></td><td><span class="texte"><a href="http://www.microsoft.com/france/ms.htm" class="lien" target="_blank">http://www.microsoft.com/france/ms.htm</a> </span></td><td><span class="texte">Lecteur intégré à Internet Explorer </span></td></tr><tr><td><span class="texte"><b>Quicktime </b></span></td><td><span class="texte"><a href="http://www.apple.fr/" class="lien" target="_blank">http://www.apple.fr/</a> </span></td><td><span class="texte">Version 5 </span></td></tr><tr><td><span class="texte"><b>Real Player </b></span></td><td><span class="texte"><a href="http://www.real.com/player/" class="lien" target="_blank">http://www.real.com/player/</a> </span></td><td><span class="texte">Lecteur de RealNetworks </span></td></tr></tbody></table>

Structure d'un site SMIL

On peut distinguer 3 étapes lors de la réalisation d'une présentation SMIL.

a ) Disposition des différentes régions (types "mini fenêtres" assimilables à des frames). On définit ces régions à l'aide des paramètres suivants :

- Taille
- Position
Le principe est le même que lors de la définition d'une feuille de style.

b ) La "timeline" appelée encore échelle du temps ou échelle temporelle. A l'aide de celle-ci, on détermine :

- les coordonnées
- Les mouvements
- Les transitions
des différents éléments dans le temps que compose une présentation SMIL.

c ) Définition du débit pour les différents types de connexions (modems28.8 K, 56 K, cable, ADSL...)