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;