Programmation en HTML

   
chapitre 9
 

Le multimédia

     
   


Un fichier HTML peut incorporer autre chose que du texte et des images : on peut y trouver des sons et des animations vidéo.
Dans certains cas ceux-ci seront chargés dans des fenêtres distinctes de celle du navigateur.
Un logiciel dit "programme d' accompagnement" sera lancé parce que le navigateur ne peut reproduire tous les sons ou animations lui-même.


Les trames sonores

Pour placer des sons dans un document HTML, vous devez d' abord choisir et travailler (éventuellement) vos sons dans votre logiciel de traitement sonore et sauvegarder les fichiers produits dans un format compatible (
WAVE : ".wav",
".aiff"
,".au",
MIDI : ".mid").

La commande pour insérer un son peut être du même type que les pointeurs déjà vus. On peut ainsi mettre un son "derrière" un lien ou une image. Voici les deux commandes :

==> Pour assigner un son à un lien :
<a href="son/foudre.wav">Ecoutez la foudre(Attention : 26Ko)</a>
Nota : (le fichier foudre.wav se trouve dans le sous-répertoire "son")

donne : Ecoutez la foudre(Attention : 26Ko)

==> Pour une image "sonore" :
<a href="son/foudre.wav"> <img src="image/orage.jpg></a>

donne : 

 

Les séquences vidéo

L' intégration de séquences vidéo est possible en HTML par le biais d' animations en format Quicktime, MPEG ou AVI.
Dans l' exemple qui suit, le code utilisé est:

==>   <a href="multimedia/voyager.avi">Cliquez ici pour voir Star Trek Voyager (Attention : 358 Ko)</a>

donne à l' écran : Cliquez ici pour voir Star Trek Voyager (Attention : 358Ko)

L'utilisateur doit cliquer sur la phrase contrastée "Cliquez ici pour voir Star Trek Voyager" pour déclencher le téléchargement du fichier sur le disque dur de l'utilisateur.

On peut également choisir de mettre une image comme déclencheur de la commande en inscrivant une image source comme référence au lieu de texte comme ceci :

==>   <a href="multimedia/voyager.avi">
                                                  <img src="image/voyager.gif"></a>

donne :

L'animation se déclenchera d'elle-même par le biais du programme d'accompagnement choisi.

Nota :
Il est à noter, qu'il faut toujours nommer les fichiers en privilégiant les noms en minuscule et sans accent, bannir les signes particuliers, et remplacer les espaces par "  _  " et si possible utiliser des noms de 1 à 8 caractères.

 

Ouvrir une page avec un fond sonore

<html>
<head>
<title>Texte du titre</title>
<!-- Microsoft: -->
<bgsound src="musiquefonds.mid" loop="infinite">
</head>
<body>
<!-- Netscape: -->
<embed src="musiquefonds.mid" autostart="true" loop="true" hidden="true" height="0" width="0">
<h1>Contenu de la page</h1>
</body>
</html>

BGSOUND insère un son dans une page Web ( Internet Explorer seulement)

Dans la partie HEAD de la page, ajouter la ligne suivante :
<BGSOUND src="nom.mid">
En théorie mettre uniquement des fichiers .WAV et .MID (midi). En pratique certains fureteurs admettront plus de type que cela (Par exemple .ASF, le format de Microsoft). Essayer de se restreindre à ces deux formats pour que tout le monde bénéficie de la création. Les fichiers midi sont très avantageux pour le Web, leur qualité sonore n'est pas parfaite loin de là, mais on peut assez facilement créer une mélodie qui ne tienne qu'en quelques kilos-octets.

Les balises <EMBED> et <NOEMBED>

La balise <EMBED> permet l'intégration de fonds sonores, et est recommandée dans bien des cas. Toutefois, elle n'est pas reconnue par tous les navigateurs. Il faut utiliser la balise <NOEMBED> en cas de remplacement.

Joindre donc toujours la balise <NOEMBED> après une balise <EMBED> avec un message s'affichant sur certains navigateurs du type :

<EMBED src="loop.wav" width="100" height="32" hidden="false" autostart="true" loop="true"></EMBED>
<NOEMBED>Votre navigateur ne peut lire le fond sonore de cette page</NOEMBED>

 

Exemples

BGSOUND n'est reconnu que par Internet Explorer.
<BGSOUND SRC="son.mid" >
joué une fois
<BGSOUND SRC="son.wav" LOOP=-1> joué à l'infini "-1". Si "LOOP=5" joué 5 fois

EMBED a été créé à l'origine par Netscape :
il est aujourd'hui partiellement reconnu par Internet Explorer.
<EMBED src="son.mid width=0 height=0 "></EMBED>

joué une fois, sans affichage du contrôle du son

<EMBED src="son.mid " width=300 height=25></EMBED>
joué une fois, avec affichage du contrôle du son
<EMBED src="son.mid " width=0 height=0 LOOP=true></EMBED>

joué à l'infini
, sans affichage du contrôle du son

Mettre un fichier en téléchargement

Pour proposer le téléchargement d'un fichier, il suffit simplement de "zipper" le fichier.
par l'intermédiaire d'un logiciel de compression, pour réduire au minimum son volume, puis d'utiliser la balise <a href="...> (identique à un lien hypertexte). Lors d'un clic sur ce lien, le navigateur proposera le téléchargement de ce fichier.
Ex : <a href="fichier.zip">Télécharger ce fichier</a>

On peut utiliser :

  • Winzip qui est un logiciel payant.
  • PowerArchiver 6 est gratuit et disponible en français, on le charge sur internet sur le site http://www.powerarchivaer.com/download .
    Une fois sur le site, cliquer sur la ligne PowrArchiver2000 version 6.00, french version 6.00 et lancer le téléchargement de powarc60f.exe.
  • ZIP rapide est distribué gratuitement sur le site de Kiriasse Logiciel

 
Introduction | Découvrez le HTML | La page HTML | Les liens hypertextes | Formater le texte
Mettre des images | Les tableaux | Les listes & définitions | Les formulaires | Le multimédia