AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 SON HALLOWEEN Les Griffes de la nuit (A Nightmare on Elm Street)

Aller en bas 
AuteurMessage
Admin
Admin
avatar

Messages : 36
Date d'inscription : 11/06/2008

MessageSujet: SON HALLOWEEN Les Griffes de la nuit (A Nightmare on Elm Street)    Mer 18 Oct - 20:56




Script qui déclenche un son à la connexion au forum.


*ATTENTION LE DÉBUT DE LA MUSIQUE EST VOLONTAIREMENT BAS !!
ATTENTION VOS OREILLES ET VOS ENCEINTES ...

ATTENTION THE BEGINNING OF MUSIC IS VOLUNTARY LOW !! DO NOT GET STRONG FOR YOUR EARS AND SPEAKERS ...


Vous pouvez régler le temps avant qu'il se déclenche à nouveau dans cette partie du script.
Code:
setCookie('spooky',true,86400000); // Change time here ms 1 day

En millisecondes il est réglé sur 24h00
1 heure > 3600000
10 Minutes > 600000

A coller dans description de site
Code:
function getCookie(name) {
  var arg = name + "=";
  var alen = arg.length;
  var clen = document.cookie.length;
  var i = 0;
  while (i < clen) {
    var j = i + alen;
    if (document.cookie.substring(i, j) == arg) {
      return getCookieVal(j);
    }
    i = document.cookie.indexOf(" ", i) + 1;
    if (i == 0) {
      break;
    }
  }
  return;
}
function setCookie(name, value, expires, path, domain, secure) {
  if (expires) {
    var dt = new Date;
    dt.setTime(dt.getTime() + expires);
  }
  document.cookie = name + "=" + escape(value) + (expires ? "; expires=" + dt.toGMTString() : "") + (path ? "; path=" + path : "") + (domain ? "; domain=" + domain : "") + (secure ? "; secure" : "");
}
function deleteCookie(name, path, domain) {
  if (getCookie(name)) {
    document.cookie = name + "=" + (path ? "; path=" + path : "") + (domain ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-90 00:00:01 GMT";
  }
}
if (!getCookie("spooky")) {
  document.write('<div class="speaker"></div>\r\n<audio id="player" autoplay loop><source src="http://perso.numericable.fr/antonywar/aut/fredy.mp3" type="audio/mp3" />\r\n<source src="http://perso.numericable.fr/antonywar/aut/fredy.ogg" type="audio/ogg" />\r\n</audio>');
}
setCookie("spooky", true, 86400000);
var getaudio = $("#player")[0];
var mouseovertimer;
var audiostatus = "off";
$(document).on("mouseenter", ".speaker", function() {
  if (!mouseovertimer) {
    mouseovertimer = window.setTimeout(function() {
      mouseovertimer = null;
      if (!$(".speaker").hasClass("speakerplay")) {
        getaudio.load();
        getaudio.play();
        $(".speaker").addClass("speakerplay");
        return false;
      }
    }, 1500);
  }
});
$(document).on("mouseleave", ".speaker", function() {
  if (mouseovertimer) {
    window.clearTimeout(mouseovertimer);
    mouseovertimer = null;
  }
});
$(document).on("click touchend", ".speaker", function() {
  if (!$(".speaker").hasClass("speakerplay")) {
    if (audiostatus == "off") {
      $(".speaker").addClass("speakerplay");
      getaudio.load();
      getaudio.play();
      window.clearTimeout(mouseovertimer);
      audiostatus = "on";
      return false;
    } else {
      if (audiostatus == "on") {
        $(".speaker").addClass("speakerplay");
        getaudio.play();
      }
    }
  } else {
    if ($(".speaker").hasClass("speakerplay")) {
      getaudio.pause();
      $(".speaker").removeClass("speakerplay");
      window.clearTimeout(mouseovertimer);
      audiostatus = "on";
    }
  }
});
$("#player").on("ended", function() {
  $(".speaker").removeClass("speakerplay");
  audiostatus = "off";
});


Vous pouvez si vous le voulez ajouter un icone pour couper le son
ajouter ceci à votre CSS

Code:
.speaker {
  background-image: url(https://img15.hostingpics.net/pics/287181sound.png);
  background-repeat: no-repeat;
  background-size: 200%;
  background-position: 100% 0;
  height: 32px;
  width: 32px;
  cursor: pointer;
  display: block;
  position: relative;
  top: 50px;
  left: 20px;
  z-index: 999;
  display: block;
}

.speakerplay {
  background-position: 0 0;
}

Vous pouvez changer ces valeurs pour positionner l'icone.
Code:
 top: 50px;
  left: 20px;
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://antonyadam.kanak.fr
 
SON HALLOWEEN Les Griffes de la nuit (A Nightmare on Elm Street)
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Mussorgsky: Une nuit sur le mont chauve
» [INFO] 08/12/10 * 00h30 * "Durch Die Nacht mit...(Au coeur de la nuit) Bill Kaulitz"
» Ravel - Gaspard de la Nuit: de la poésie à la musique
» programme fête de nuit GPN AUXERRE 2010
» Look Halloween 2009

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: SONS HALLOWEEN :: SON HALLOWEEN Les Griffes de la nuit (A Nightmare on Elm Street)-
Sauter vers: