Tutorial SMIL - editeur et lecteur smil - exemples

Transcription

Tutorial SMIL - editeur et lecteur smil - exemples - application smil composer
301/10/Sunday 15h09
Accueil | Télécharger | Actualités | Annuaire musique | Annuaire streaming | Forum | WebRadio
SMIL : Tutorial
>> Mode d'emploi
Real & Smil
Test config.
Real Player One
Helix Producer
Media Browser
>> Plus d'info
F.A.Q
Enregistrer stream
Web radio
Embed
Real / mp3 / divx
TV sur PC
Les interviews
Le S.M.I.L (Synchronized Multimedia Integration Language) est un langage
prometteur, neuf et déjà très fonctionnel. Il permet de synchroniser divers
médias selon une ligne de temps. Textes, vidéo, images, son, le tous lus
par Real One Player. Ses applications sont nombreuses et représentent à
coup sur une avancée technologique. De plus il est open source.
1 . Les logiciels
2 . Le tutorial basé sur quatre exemples (applications) commentés
1 . le texte
2 . l'image
3 . le son
4 . la video
3 . LimSee2 le smil en wysiwyg
4 . L'interview Daniel Weck (projet LimSee2)
5 . L'ancien tutorial
6 . Tous les tutoriaux français et anglais
Tutorial sur le langage smil réalisé par le webmaster de real-andsmil.com
Niveau : débutant nécessitant d'avoir des bases en html
Taille : 4 pages
Maj : créé le 10/04/2003 révisé le 11/07/2004
>> RV10 & DVD
Intro (Le lire...)
Rip (dvd vers RV9)
SMIL (sous titres)
Ressources
Le tutorial
LimSee2
Interview
Ressources
Annuaire
streaming
:
séries tv , films,
TV
en
direct,
mangas,
animations
et
videos
en
streaming
- Real Player 11
: avec sa fonction
de
téléchargement
de
vidéo
en
streaming
Pour ce qui est des lecteurs Real Player est depuis le départ et encore
aujourd'hui le plus avancé et le plus compatible. Les éditeurs sont encore
discrets en 2004 le logiciel libre Limsee et ses concurrents Smox editor et
smox pad (Manalee) ouvre la voie.
>> Sélection
Livres
Kits graphiques
Portables
>> Copinage
- PC sur TV :
Regarder
et
enregistrer gratuit
- Enregistrer le
streaming : tous
les logiciels utiles
Les logiciels
>> SMIL
Les
page
les
plus demandées
Editeur
Lecteur
Limsee 2
Real One
Manalee
Quicktime 6
Smil Composer
Grins
RealSlideshow
HPAS applet
Grins
TagFree SMIL Editor
Projet OPERA
Le tutorial basé sur quatre exemples (applications) commentés
Les greyhounds
Les quatre démonstrations en smil qui serviront d'exemples pour
le tutorial
>> Lettre Actu
ex 1 : Texte
ex 2 : Image
ex 3 :Son
ex 4 :Video
Votre Email
http://real-and-smil.com/tutorialsmil.php
Page 1 sur 3
inscription
désinscription
Valider.
301/10/Sunday 15h09
Exemple 1 : un texte qui défile
Comme indiqué précédemment le langage S.M.I.L permet de synchroniser
du textes, du vidéo, des images, du son, ...
>> Contact
De façon très général il y a un fichier .smil qui va lancer un fichier .rt
contenant du texte et/ou un fichier .rp contenant les règles de mise en
page des images et/ou des fichiers son ou vidéo en rm.
Votre actualité
Annoncez
Pour l'instant il n'existe pas de logiciel réellement complet pour éditer ou
créer des présentation en smil, cependant le bloc-notes de windows suffit.
>> Chercher
A partir de là, je suppose que vous possédez au minimum les bases en
html. Cependant ce tutorial reste basique et n'aborde pas par exemple les
différences entre le smil1.0 et le smil2.0
La structure classique d'un fichier
smil est la suivante:
Recherche ...
<smil>
<head>
</head>
<body>
</body>
</smil>
Le smil est un langage de synchronisation, ainsi il y a des variables de
temps
Les événements qui se trouvent
entre les balises <par> </par>
seront joués en parallèle c'est-àdire simultanément.
Les événements qui se trouvent
entre les balises <seq> </seq>
seront joués en séquence c'est-àdire les uns après les autre.
<smil>
<head>
</head>
<seq>
événement 1
événement 2
</seq>
<body>
</body>
</smil>
L'insertion d'un fichier texte ou d'un fichier son... ressemble à celle utiliser
en html
<text src="texte.rt" /> ou encore <audio src="monson.rm" />
L'exemple texte
le code du fichier smil est le suivant
<smil>
<head>
<meta name="title" content="Le S.M.I.L permet de jouer du texte..." />
<layout>
<region id="t1" z-index="1"/>
</layout>
</head>
<body>
<seq>
<text src="texte.rt" region="t1" />
<text src="texte2.rt" region="t1" fill="freeze"/>
</seq>
</body>
</smil>
Dans la partie head on retrouve comme en html une balise meta title pour
le titre. La partie layout consiste à définir des régions à l'intérieur de la
Page 2 sur 3
301/10/Sunday 15h09
présentation (nous y reviendrons).
En jouant la présentation vous avez pu constaté que les deux textes
étaient joués l'un après l'autre et nous retrouvons bien les balises <seq>.
La fonction fill="freeze" indique que ce dernier texte perdure même après
l'arrêt de la présentation, si on le retire la présentation revient sur un écran
vide.
le code du fichier texte.rt est le suivant
<window height="350" width="300" duration="15" bgcolor="with" >
<center>

Le S.M.I.L 
<time begin="2"/>permet 
<time begin="4"/>de jouer du texte 
<time begin="6"/>dans real one. 
<time begin="8"/>Mais pas seulement...

</center>
</window>
Les fichiers .rt commence toujours par le tag windows. On y retrouve la
taille de la présentation 350 pixel de haut pour 300 de large, la police arial,
les paramètres de temps qui font que le texte s'affiche au fur et à mesure
et la couleur du fond blanche (noir par défaut).
Le fichier texte2.rt ne fait que répéter le code du fichier smil avec comme
en html l'obligation de remplacer les crochets ouvrants "<" par "<" (c'est
un détail).
suite du tutorial =>>
1 . Les logiciels
2 . Le tutorial basé sur quatre exemples (applications) commentés
1 . le texte
2 . l'image
3 . le son
4 . la video
3 . LimSee2 le smil en wysiwyg
4 . L'interview Daniel Weck (projet LimSee2)
5 . L'ancien tutorial
6 . Tous les tutoriaux français et anglais
Vos avis
rubrique
et
remarques
sur
cette [7]
Trucs et astuces Real & Smil
Comment convertire un .mp3 en .wav puis en .rm pour le streamer ? =>
la page trucs et astuces
Accueil
Page précédente
Haut
- A propos de Real & Smil - Contact -
Partenaires : Info-groupe .:. Reggaetom .:. i-muzzik.net .:. Livre d'or gratuit .:. Location vacances Bretagne .:. Auvergne
Page 3 sur 3

Tutorial SMIL - editeur et lecteur smil - exemples

Transcription

Documents pareils

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

Projet Multimédia

Utiliser un éditeur de SMIL - Sébastien Laborie

L`album photo SMIL - Sébastien Laborie

Web sémantique et intelligence artificielle

Langage SMIL

SMIL - MIS

Beau comme une image - WAN-IFRA

1 IMAGERIE INTERNET (2)

Les nouvelles technologies, que nous apportent