Jouez un son au passage de la souris sur un lien. Compatible NS4 ou + et IE4 ou +.
Programmation > JavaScript
Recherche :   
Actualité Système Salon Concours Outils Programmation Devparadise Programmation HTML .Net JavaScript VBScript ASP PHP Visual Basic Perl Java Active X SQL XML WAP Delphi Graphisme Flash Web Design Promotion Référencement Publicité Valeur de votre site Outils Systèmes Windows Unix Linux Benchmark Hardware Réseaux locaux Droit Sécurité
Roll-over sonore
  Auteur : Yvan VANWYNSBERGHE

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

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

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

<EMBED NAME="Son" SRC="pull.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://www.devparadise.com"
onmouseover="PlaySound('Son','wav',1);"
onmouseout="StopSound('Son','wav');">www.devparadise.com</A>


Voici un exemple :

www.devparadise.com


Si vous souhaitez télécharger un exemple cliquez ici.

A lire aussi sur Devparadise.com :
  • Ajouter une barre de navigation
  • Boîtes de contenu flottantes
  • Ajuster dynamiquement la taille d'une fenêtre
  • Faire défiler verticalement un contenu dans une boîte en javascript.
  • Création d'animations en javascript.
  • A télécharger aussi sur Devparadise.com :
  • source de l'article "Boîtes de contenu flottantes"
  • Bibliothèque javascript pour créer des boîte à contenu défilant
  • WebExpert 5
  • Protéger les images de votre site
  • Roll-Over Sonore

  • © 1997-2005 tous droits réservés Devparadise.com
    Les logos, et marques déposées sont la propriété de leurs détenteurs respectifs.
    Devparadise.com s'est engagé à respecter la confidentialité des données personnelles régies par la loi 78-17 du 6 janvier 1978.
    Déclaration C.N.I.L. n° 621623
    Roll-over,sonore,javascript,play,embed