Roll-over sonore sur un lien hypertexte!

Jouez un son au passage de la souris sur un lien. Compatible NS4 ou + et IE4 ou +.

Pour créer un roll-over sonore vous devez réaliser les étapes suivantes :

Étape 1
Étape 2
Étape 3

1 - Déclarez le son dans le corps de votre page HTML entre les balises <BODY> et </BODY> :

------------------------------------------------------------------------------------------------------------------------------

<EMBED NAME="Son" SRC="SONNETTE.WAV" MASTERSOUND HIDDEN="true" LOOP="true" AUTOSTART="false">

------------------------------------------------------------------------------------------------------------------------------

Voici la définition des propriétés importantes de l'objet <EMBED> :

 

NAME :

nom de l'objet, on l'utilisera dans les fonctions javascript pour y faire référence

SRC :

chemin du fichier contenant le son (formats généralement utilisés .wav, .au ou .mid

HIDDEN :

si true, on cache la console de commande
si false, la console de commande est visible

LOOP :

si true, le son est exécuté en boucle
si false, le son est exécuté une fois

AUTOSTART :

si true, le son est démarré au chargement de la page
si false , le son n'est pas démarré au chargement de la page

2 - Déclarez les fonctions javascript suivante dans l'entête de votre page HTML entre les balises <HEAD> et </HEAD> :

------------------------------------------------------------------------------------------------------------------------------

<SCRIPT LANGUAGE="JavaScript1.1">
<!--
function VerifPlugIn(ExtensionFile)
  {
  var IsEnabled = true;
  if (navigator.appName == "Netscape")
    {
    IsEnabled = false;
    for(var x=0;(x<navigator.mimeTypes.length && !IsEnabled);x++)
      {
      if(navigator.mimeTypes[x].suffixes.indexOf(ExtensionFile)>=0)
      IsEnabled = navigator.mimeTypes[x].enabledPlugin;
      }
    }
    return IsEnabled;
  }

function PlaySound(MyName,MyExtension,MyLoop)
  {
  var AudioEnable = VerifPlugIn(MyExtension),TheLoop = '';
  if (navigator.appName == "Netscape" && MyLoop==1)     TheLoop='true';

  if (AudioEnable)     eval('document.'+MyName+'.play('+TheLoop+')');
  }

function StopSound(MyName,MyExtension)
  {
  var AudioEnable = VerifPlugIn(MyExtension);
  if (AudioEnable) eval('document.'+MyName+'.stop()');
  }
//-->
</SCRIPT>

----------------------------------------------------------------------------------------------------------------------------

La fonction PlaySound permet de jouer un son. Pour utiliser cette fonction vous devez passer les paramètres suivants :

MyName :

Nom du son (propriété NAME de la balise <EMBED>

MyExtension :

Extension du fichier contenant le son ('wav','mid','au')

MyLoop :

Si 1, le son est lancé en boucle
Si 0, le son est lancé une fois

La fonction StopSound permet d'arrêter un son. Voir précédemment pour la définition des 2 paramètres de cette fonction.

La fonction VerifPlugIn permet de vérifier si le son peut être joué. En effet, pour pouvoir jouer un son, il faut que le plugin correspondant soit installé sur la machine de l'internaute.
Dans le cas d'Internet Explorer, le problème ne se pose pas, car le plugin Media Player est installé par défaut. Ce qui permet de pouvoir jouer les sons aux formats standards (.wav, .mid, .au , ...).
Par contre, dans le cas de Netscape, il n'y a pas toujours un plugin pour les fichiers son. C'est pourquoi on utilise la fonction VerifPlugIn. Pour utiliser cette fonction, il faut passer en paramètre l'extension du fichier audio utilisé ('wav','mid' ou 'au').

3 - Placez dans votre page HTML le lien roll-over là où vous le souhaitez :

<A HREF="http://perso.wanadoo.fr/jean-louis.pierre/"
onmouseover="PlaySound('Son','wav',1);"
onmouseout="StopSound('Son','wav');">Bienvenue à Orliénas</A>

 

Voici le résultat ci-dessous, si le son ne se déclanche pas, cliquez sur Actualiser ou Recharger selon votre Navigateur !

Bienvenue à Orliénas