ALL HTML - Les éléments multimédia

retour

Les éléments multimédia

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

Deux types de médias

Les éléments multimédias sont référencés par leur URL, le lien doit donc indiquer l'adresse DNS ou IP du fichier multimédia, ainsi que son extension. Les éléments sont donc accessibles quelque soit leur lieu de stockage.

Il existe deux types de médias :

- Les médias discrets (texte, image)
- Les médias continus (film, son).

Note : Les formats possibles dans SMIL sont les animations Flash (.swf), les sons (.rm, .wav, .aif, .mov, .mp3), les image (.gif, .jpg), le texte, les flux de texte (.rt), les vidéos (.rm, .avi, .mov, .asf, .viv, .mpeg).

Les balises "multimédia"

Ci-dessous un tableau récapituatif des balises dites "multimédia".

 <table border="1" bordercolor="#330033" cellpadding="3" cellspacing="1" width="489"><tbody><tr><td align="center" bgcolor="#6699cc">Balise </td><td align="center" bgcolor="#6699cc">Description </td></tr><tr><td><img/> </td><td>Intégration d'une image </td></tr><tr><td><text/> </td><td>Intégration de texte </td></tr><tr><td><video/> </td><td>Intégration d'une vidéo </td></tr><tr><td><animation/> </td><td>Intégration d'une animation (Flash) </td></tr><tr><td><audio/> </td><td>Intégration de sons </td></tr><tr><td><textstream/> </td><td>Intégration d'un flux de texte </td></tr></tbody></table>

Ces balises ci-dessus possédent de nombreuses options, détaillées dans la tableau ci-dessous.

 <table border="1" bordercolor="#330033" cellpadding="3" cellspacing="1" width="489"><tbody><tr><td align="center" bgcolor="#6699cc">Option </td><td align="center" bgcolor="#6699cc">Description </td></tr><tr><td>alt </td><td>Nom de l'élément qui s'affiche s'il n'est pas lisible </td></tr><tr><td>clip-begin * </td><td>Spécifie le moment de démarrage </td></tr><tr><td>clip-end * </td><td>Spécifie le moment d'arrêt </td></tr><tr><td>fill </td><td>Détermine le comportement de fin (remove - freeze) </td></tr><tr><td>id </td><td>Identificateur interne unique </td></tr><tr><td>longdesk </td><td>Décrit le lien de l'objet </td></tr><tr><td>region </td><td>Taille, position et redimensionnement des objets </td></tr><tr><td>src </td><td>Source (chemin) de l'élément </td></tr><tr><td>type </td><td>Indique le type MIME de l'objet source </td></tr></tbody></table>

* : Sauf pour <img/> et <text/> (médias discrets).

La balise a

LA balise a qui indique un lien, comprend une multitude d'options, définie ci-dessous.

 <table border="1" bordercolor="#330033" cellpadding="3" cellspacing="1" width="489"><tbody><tr><td align="center" bgcolor="#6699cc">Option </td><td align="center" bgcolor="#6699cc">Description </td></tr><tr><td>abstract </td><td>Brève description du contenu </td></tr><tr><td>author </td><td>Nom de l'auteur </td></tr><tr><td>copyright </td><td>Droits d'auteur </td></tr><tr><td>dur </td><td>Durée d'affichage </td></tr><tr><td>end </td><td>Stoppe l'affichage </td></tr><tr><td>id </td><td>Identificateur interne unique </td></tr><tr><td>region </td><td>Situation de l'élément </td></tr><tr><td>system-bitrate </td><td>Contrôle le taux de transmission </td></tr><tr><td>system-caption </td><td>Ignoré si l'utilisateur ne veut pas de sous-titre </td></tr><tr><td>system-language </td><td>Adaptation de la langue </td></tr><tr><td>system-overdub-or-caption </td><td>Sous-titrage ou non </td></tr><tr><td>system-required </td><td>Reconnaissance ou non d'une extension </td></tr><tr><td>system-screen-size </td><td>Spécifie la taille minimale de l'écran </td></tr><tr><td>system-screen-depth </td><td>Spécifie la résolution minimale </td></tr><tr><td>title </td><td>Titre de la fenêtre </td></tr></tbody></table>

A propos du streaming

RealNetworks a développé RealProducer, un utilitaire qui permet d'encoder les informations en fichiers "streamés".

Chaque type de fichier possède une extension propre :

- RealText (.rt) : Flux de texte (défilement)
- RealPix (.rp) : Enchaînements d'images (fondus, zoom, etc.)
- RealVideo : Format vidéo
- RealAudio : Format pour le son

Exemple

Ci-dessous un exemple d'intégration d'une vidéo.
Son nom (id) dans la présentation sera nomvideo, la vidéo d'origine en .avi, se trouve dans le répertoire rep, et elle commencera 10 secondes après le début de la présentation.

Code SMIL


<smil>
<head>
<meta name="essai" content="allhtml"/>
</head>
<body>
<video id="nomvideo " src="rep/video.avi" clip-begin="10s"/>
</body>
</smil>

VOS COMMENTAIRES ...

Commenter cette publication

Commentaire publié le mardi 19 décembre 2006 - 22h32 par boystephan1: savez vous pourquoi lorsque j'insère un lecteur real media dans ma page web, , je peux entendre le son du fichier vers lequel j'ai créé un lien, mais je ne vois pas la vidéo,??
Commentaire publié le mardi 13 février 2007 - 20h18 par freezmint: Bonjour,
Dans un 1er temps : les informations sur cette page apparaissent en code html sur mon navigateur, j'ai dû tout copier-coller dans un fichier html pour pouvoir le lire. Ce n'est pas super pratique ! :-)

Deuxième point : j'ai des problèmes avec la balise object pour insérer une vidéo. j'ai trouvé ceci mais cela ne fonctionne pas.
<object type="video/mpeg" data="film.mpg">
<param name="movie" value="film.mpg" />
<param name="autostart" value="true" />
 Mon film sur mon sujet préféré
</object>

J'espère que quelqu'un peut m'aider. Beaucoup utilisent la balise <embed> mais elle ne fonctionne pas toujours et n'est pas recommandée en xhtml 1.0 à ce que je sais.

Commenter cette publication

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

Forums de discussions associés

Discutez et échangez sur ce thème dans notre forum Streaming - SMIL.

02/01/2011 - 11h57 streaming et non telechargement (3 réponses)
01/10/2010 - 17h04 Cherche tuto pour video en ligne (1 réponse)
23/07/2009 - 15h12 streaming (1 réponse)
16/02/2009 - 17h22 un video telechargeable (0 réponse)
16/10/2008 - 22h32 Format video pour Internet (AVI DivX ou WMV) (1 réponse)

all html : Le portail des webmaster