Global-Dev.com : le site des développeurs

Real and Smil

________________________________________________________________________________________

S M I L
Synchronized Multimedia Integration Language

Présentation du SMIL

Le Langage SMIL (Langage d'intégration synchronisée du multimédia) a été développé par le World Wide Web Consortium. Les premières ébauches remontent à novembre 1997. La publication officielle est du 15 juin 1998 par la recommandation technique du W3C.
A prononcer "smile" (sourire en anglais)

Les développeurs de sites peuvent grâce au SMIL définir et synchroniser des éléments multimédia (son, vidéo, images animées) aux pages web.
Clairement, il est possible de mélanger n'importe quel type de fichier.

Une présentation SMIL peut ainsi integrer de la streaming audio/vidéo. RealNetworks est une des société le plus avancée dans le développement de ce langage.

Le code SMIL

Le code SMIL est similaire au HTML ou XML, rendant possible le développement par des personnes connaissant déjà ces codes de base. Officiellement, c'est un extension du XML.
Comme le 3dml, le SMIL a sa propre extension : *.smi. Le fichier code débute par <smil> et finit avec </smil>.

Le code se présente alors ainsi :
<smil>
<head>
</head>
<body>
</body>
</smil>

Les balises caractéristiques

Dans <HEAD>
- <layout> : Permet de controler l'apparence des éléments placés sur une page. Ce type de code s'apprente au code CSS.
Exemple (les valeurs entre guillemets sont en pixels) :
<layout>
<region id="nom" top="100" left="100" width="100" height="200" />
</layout>

Dans <BODY>
- <par> : Abréviation de Parallèle, sera placé lorsque vous désirerez démarrer plusieurs types d'applications multimédias en même temps (du son, de la vidéo, du texte...)
- <seq> : Abréviation de Séquence. Tous les éléments placés entre ces balises se joueront simultanément.
Exemple :
<seq>
<img id="nom" src="http://www......./image.gif" />
</seq>

Remarque : Dans certaines balises, vous n'aurez pas de balises de fin, c'est à dire que le "/" de fin sera directement intégré à la balise initiale : <img src="http://www........./bidule.gif" />

Encodage

Pour les éléments multimédias, il faut qu'ils soient "streamés", c'est à dire, qu'ils soient encodé par un outil spécifique, générant une nouvelle extension. Le produit RealProducer de Real permet ainsi la création de RealText (pour le texte), de RealPix (pour les images gif et jpg), de RealVideo (pour la vidéo)...

Exemple de fichier proposant du texte, des images et de la vidéo simultanément.

L'ensemble sera placé dans un rectangle de 170 pixels de haut (height) et 320 pixels de long (width).
Géographiquement, le texte sera placé en haut (50*320), la vidéo en bas à droite (160*120) et l'image en bas à gauche (160*120).

smilexemple2.GIF (4631 octets)

Voici le code présentant les différentes parties de cette application SMIL :

<smil>
<head>
     <layout>
        <region id="text" title="texte" left="0" top="0" height="50" width="320">
        <region id="image" title="image" left="0" top="50" height="120" width="160">
        <region id="video" title="video" left="160" top="50" height="120" width="160">
     </layout>
</head>
<body>
     <par title="multistream">
        <video src="video.rm" id="video" region="video" title="video" />
        <img src="image.rp" id="image" region="image" title="image" />
        <text src="text.rt" id="text" region="text" title="texte" />
     </par>
</body>
</smil>

Dans la balise HEAD, entre <layout> et </layout>, vous avez donc une répartition géographique de vos éléments. Disposés à partir de la gauche (left) et du haut (top).
Dans la balise BODY, vous donnez l'identité de l'élements et à quels fichiers ils correspondent.

Vous pouvez à ce code ajouter de la musique (en realaudio *.ra).
<audio src="music.ra" begin="0.0s" dur="100.0s" />
Ce code sera situé dans BODY entre <par> et </par> :

     ........region="image" title="image" />
     <text src="text.rt" id="text" region="text" title="texte" />
     <audio src="music.ra" begin="0.0s" dur="100.0s" />
   </par>
</body>
</smil>

Suite langage SMIL :
Exemple visuel SMIL
Outil de création SMIL


		© 1999 - 2002, Global-Dev® v.6.1 - cnil n°725748 \| c o n t a c t s \| n o u s \|