HTLM 4

4.1 Les balises multimédias :

4.1.1 Les formats supportés :

Dommage, il n'y a pas un seul et unique format de fichier multimédia, ce serait trop simple ! Vos pages Web sont capables d'en supporter un grand nombre.

Les principaux formats de son supportés par le Web sont :

MIDI, le format le plus léger. Il ne s'agit pas d'un enregistrement sonore, mais d'une reconstitution de musiques note par note à l'aide de la carte son.
WAV, le format le plus répandu. Il s'agit d'un enregistrement sonore non compressé, tel qu'on peut le trouver sur les CD audio.
MP3 et RealAudio, des formats compressés. Le premier dispose d'une excellente qualité sonore, le second favorise la compression et la rapidité de téléchargement.

Pour la vidéo, on trouve aussi différents formats :

MOV, AVI et ASF, des formats très peu compressés.
Le format MOV est issu du monde Macintosh, AVI et ASF viennent de Microsoft.
MPEG dans ses différentes versions (1,2 et récemment 4), le format adopté pour les CD-Vidéo, les DVD et la TV numérique.
RealVideo, le seul format créé spécifiquement pour l'utilisation de vidéo sur le Net.

Il existe bien sûr d'autres domaines qui touchent au multimédia sur Internet. Pour la 3D, on utilise principalement le VRML (Virtual Reality Markup Language), seul langage et format à s'être imposé comme standard. En ce qui concerne les programmes exécutables, c'est le Java qui règne en maître. Normal, ce langage a été inventé spécialement pour le Web !

Reste les animations vectorielles. Dans ce domaine et à l'heure actuelle, Flash et son SWF sont indéboulonnables.

Tous ces formats peuvent être très facilement intégrés dans vos pages Web. Quelques balises suffisent

4.1.2 Lien vers un fichier multimédia :

La méthode de base pour ajouter du multimédia sur son site est... le lien. Il s'agit simplement de créer un lien classique vers le son ou la vidéo que vous proposez.

Exemple :

<A HREF="ma_video.avi ">Cliquez ici pour voir mon film <A>

Quand l'utilisateur clique sur ce lien, deux cas se présentent :

Aucun logiciel (ou plug-in) n'est associé à ce type de fichier. Le navigateur propose à l'utilisateur de télécharger le fichier, lequel pourra ensuite être lu hors connexion.
Un logiciel (ou un plug-in) est associé à ce type de fichier. Le fichier est pris en charge automatiquement par le programme adéquat après téléchargement. Dans certains cas, le fichier peut également être lu en direct (streaming). Tout dépend du logiciel.

4.1.3 Utilisation de plug-in :

Pour lire un fichier multimédia dans une page Web, il est possible de forcer l'utilisation d'un plug-in spécifique grâce à la balise <EMBED> >. Cette balise permet en général d'insérer un contrôle pour lire les fichiers multimédias de façon interactive (boutons de lecture, stop, contrôle de volume, etc.).

Par exemple, pour insérer un fichier RealAudio dans une page :

<NOEMBED>Votre navigateur ne permet pas l'utilisation du plugin Realaudio </NOEMBED>

De nombreux attributs existent pour cette balise :

SRC indique le nom du fichier à intégrer.
ALIGN, BORDER, WIDTH et HEIGHT, des attributs classiques du HTML, concernent l'alignement et les dimensions du média.
AUTOLOAD et AUTOSTART indiquent que le fichier doit être chargé et joué automatiquement si leur valeur est true. Dans le cas contraire (valeur false), vos visiteurs devront appuyer sur le bouton de lecture pour jouer le média.
LOOP indique le nombre de fois que le fichier doit être joué. Une valeur de -1 signifie que le fichier sera lu à l'infini.
HIDDEN permet de cacher la barre de contrôle du média.
PLUGINSPACE permet de spécifier l'URL où télécharger le plug-in dédié.

Les autres attributs sont spécifiques au plug-in utilisé.

INFO :

Les éditeurs HTML tels que Dreamweaver offrent généralement la possibilité d'ajouter des fichiers multimédias à l'aide de la balise <EMBED> . Ils placent alors les bons attributs avec les valeurs adéquates.

Voici encore quelques exemples d'utilisation de la balise <EMBED> :

Tout d'abord pour un fichier de type vidéo :<EMBED SRC="mon_film.mov" WIDTH="320" HEIGHT="200" CONTROLLER="false" AUTOPLAY="false">
Puis pour un objet 3D écrit en VRML : <EMBED SRC="mon_object.wrl" WIDTH="320" HEIGHT="200">

ATTENTION : Compatibilité

La balise <EMBED> n'est reconnue que par les navigateurs de quatrième génération et supérieurs. Utilisez les balises <NOEMBED> et </NOEMBED> pour informer vos visiteurs que leur navigateur ne permet pas l'utilisation de plug-in.

4.1.4 Fond sonore :

Vous avez sans doute déjà rencontré une de ces pages accompagnées d'une musique de fond. Cette musique au format MIDI est souvent de qualité médiocre, mais son poids est réduit et elle se télécharge donc beaucoup plus vite.

Pour ajouter une telle musique, on utilise la balise <BGSOUND> :

Cette balise possède deux attributs :

SRC, qui contient le chemin du fichier MIDI à lire.
LOOP, qui indique le nombre de fois que le fichier sera joué. Pour jouer le fichier à l'infini, on utilisera la valeur -1.

ATTENTION : Compatibilité Cette balise ne fonctionne que sous Internet Explorer.

4.1.5 Les applets :

Les applets Java sont un cas particulier dans la création Web, d'où l'emploi d'une balise spécifique : <APPLET>

</APPLET>

Comme l'ensemble des balises HTML, la balise <APPLET> possède un certain nombre d'attributs. Parmi les principaux :

BORDER, ALIGN, WIDTH et HEIGHT, qui permettent de spécifier la taille, l'alignement et l'apparence de l'applet. Elles fonctionnent ici de la même manière que les autres balises HTML.
CODE, qui indique le nom de la classe principale à charger. Même si l'applet est fournie sous forme d'archive JAR, il faut connaître le nom de la classe principale.
ARCHIVE, qui indique le nom de l'archive JAR qui contient l'applet.

Cet attribut est bien sûr inutile si l'applet n'est pas archivée. Il peut arriver que vos applets nécessitent certains paramètres pour fonctionner. Chacun de ces paramètres est inclus dans une balise <PARAM>, laquelle contient deux attributs : NAME, pour le nom du paramètre, VALUE, pour la valeur que celui-ci doit prendre.

CAHIER HTLM