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>
<En reconstructruction
L' intégration de séquences vidéo est possible en HTML.
La balise "video" est reconnue par tous les navigateurs récents, y compris par Internet Explorer à partir de la version 9 (IE9).
Il suffit d'une simple balise <video> pour insérer une vidéo dans la page:
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.
<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.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
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 :