Du multimédia (sons, images, vidéos) dans vos pas web

Retour à l'index

Analyser

Définir les objectifs du site

Créer des sections

Organiser le site

Faire un storyboard

Créer

HTML késako ?

Choisir un éditeur

Le multimédia

Quelques conseils

Héberger

Ou placer son site ?

Uploader les pages

Se faire connaitre

Le coté multimédia d'Internet

Les pages web, ce n'est pas uniquement du texte de différentes tailles et couleurs, ca peut aussi être un contenu multimédia : du son, des images, de la vidéo, ...

Les images : c'est l'élément que l'on rencontre le plus souvent sur une page web. Pour être visualisables, les images doivent être soit au format Gif soit au format Jpeg. Le Gif est un format ou le nombre de couleurs est limité à 256, tandis que le Jpeg peut contenir jusqu'à 16 millions de couleurs. Le format Gif est donc mieux adapté aux images contenant peu de couleurs comme des boutons, des petites images; le Jpeg étant plus adapté pour la restitution de photographies.
Les Gifs sont souvent utilisés car il est possible de réaliser de minis-animations avec ce format : on enregistrer dans une seule et même image différentes images qui seront affichées successivement les unes après les autres de façon a créer une animation.
L'insertion d'une image se fait via le tag <img src="nomdelimage" width="largeur" height="hauteur" border=0 alt="Le commentaire concernant l'image">
Par exemple la ligne :
<IMG SRC="../images/miniguides.jpg" BORDER=0 WIDTH=124 HEIGHT=90 ALT="Minis guides"> entraine l'affichage de cette image :

Ces tags possèdent d'autres attributs pour régler l'espacement entre l'image et du texte, la position du texte par rapport à l'image, etc ... mais je ne vais pas les détailler ici.
Le son : on peut introduire différents éléments sonores dans les pages web : on peut utiliser des fichiers Wav pour les bruitages et des fichiers midi pour la musique (les plus courant) ou encore les Au(Unix) et les Aiff (Macintosh).
Il est aussi possible d'utiliser d'autres formats sonores à condition que le visiteur possède le plug-in (programme qui permet d'étendre les fonctionnalités du browser); on peut alors par exemple utiliser le format Real audio pour envoyer de la musique en direct sur internet (en live ou presque).
Pour insérer le fichier midi qui suit, j'ai utilisé la ligne de code :
<EMBED SRC="MissionImpossible.mid" WIDTH=145 HEIGHT=60 ALIGN="middle" >

Pour ajouter un fichier Wav, je vais utiliser la même ligne de code :
<EMBED SRC="BUTTON2.WAV" WIDTH=145 HEIGHT=60 ALIGN="middle">

Il est possible de rajouter les attributs AUTOSTART=true pour démarrer le son dès le l'affchage de la page. L'attribut LOOP=true permet de faire jouer le son en boucle.
Pour insérer un fichier Real audio en flux continu (qui se joue au fur et a mesure de son téléchargement), il faut d'abord créer un fichier metafile. Il s'agit d'un fichier texte qui pointe sur le fichier Real audio. Pour créer le fichier metafile il faut créer un fichier texte contenent l'URL entière du fichier à jouer; exemple : http://rotule.citeweb.net/fichier.ra et de l'enregistrer avec l'extension .ram. Il suffit alors de faire un lien vers le fichier metafile via la ligne : <a href="audio.ram">Ecouter en Real audio</a>; ce qui entraine l'affichage de la ligne :
Ecouter en Real audio (Remarques : vous devez avoir le plug-in real audio pour entendre quelque chose et ne me demandez pas d'ou sort ce son, j'ai converti le premier fichier que j'ai trouvé sur mon disque dur ;-O ).
La vidéo : mettre de la vidéo sur le web est à la portée de tout le monde. Les différents formats utilisables sont le format Avi, le Mpeg ou le QuickTime. Quand on place de la vidéo sur le web, il faut vraiment faire attention à la taille car le moindre film de quelques secondes prend rapidement beaucoup de place et un temps incroyablement long pour se télécharger.
Tout comme pour le son, il est aussi possible d'envoyer des images en direct sur le net en utilisant la technologie Real Video.
Pour insérer de la vidéo, on utilise les lignes suivantes :
<EMBED SRC="sample.mov" WIDTH=145 HEIGHT=160 ALIGN="middle">
Pour insérer de la vidéo en flux continu, on procède de la même façon que pour les fichiers audio : on fait un lien vers un metafile contenant l'url complète du fichier realvideo.

Remarques :
Pour créer des fichiers Real audio ou Real video, il faut télécharger l'encodeur. Il est disponible gratuitement à l'adresse : http://www.real.com/products/creation/.

Encore quelques derniers conseils et vous pourrez enfin vous lancer dans la grande aventure de la création de sites internet et laisser libre cours à votre créativité.

Page précédente | Sommaire | Page suivante