Problème notification visuelle et sonore de la chatbox

[Messidor]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : aujourd'hui
Lien du forum : https://auclairdelaplume.forumactif.com

Description du problème

J'ai récupéré sur le forum d'aide deux codes javascript pour ajouter une notification visuelle et sonore à la chatbox pour les nouveaux messages.
J'ai bien vérifié que les codes avaient bien été copiés et collés, mais ils ne fonctionnent pas.
Ai-je oublié quelque chose ? (j'ai bien validé à la fin)
Merci pour votre aide

[Toryudo]

Bonjour !

Pouvez-vous fournir les scripts afin que nous puissions les vérifier ?
La dernière fois que nous avons dû gérer un cas de ce genre, ça ne fonctionnait pas à cause du lien du .mp3 : https://forum.forumactif.com/t407495-notification-sonore-chatbox
Ce sera peut-être quelque chose de similaire.

..

J'ai modifié le titre de ce sujet qui était "code javascript ne fonctionne pas " en "Problème notification visuelle et sonore de la chatbox". Afin de faciliter les recherches ultérieures, le titre de votre sujet doit respecter certaines règles : il doit être explicite (c'est à dire expliquer brièvement le problème), il ne doit pas être en majuscules, il ne doit pas contenir de mots trop généralistes : "aide" ; "help" ; "besoin d'aide" ; "problème"... N'oubliez pas que d'autres personnes peuvent profiter de vos questions. Il est donc impératif afin de faciliter l'utilisation de l'outil de recherche d'avoir des titres de sujet explicatifs.

[Messidor]

Bonjour

voici le code pour la notification sonore :

Code:

window.localStorage && $(window).load(function() {
   var sounds = {
     'future': 'https://illiweb.com/fa/fdf/future.mp3',
     'hal': 'https://illiweb.com/fa/fdf/hal.mp3',
     'secret': 'https://illiweb.com/fa/fdf/secret.mp3',
     };
   var default_sound = sounds['future'];
   var default_freq = 'new';
   var default_when = 'once';
   var default_volume = 100;


   if(localStorage.cb_sound && !localStorage.cb_sound.indexOf('https://dl.dropboxusercontent.com/u/181621985/')) localStorage.removeItem('cb_sound');
   var a = document.createElement('audio');
   if(!a.canPlayType) return;
   a.volume = Math.min(1, Math.max(0, localStorage.cb_volume||(default_volume/100)));

   var origin_send = Chatbox.prototype.send;
   Chatbox.prototype.send = function(params) {
     var m = $.trim($("#message").val());
     if(m.indexOf('/sound')&&m.indexOf('/soudn'))
       return origin_send.call(this, params);
     m = $.trim(m.substr(6)).split(/\s+/,3);
     var bad_apple = false;
     switch(m[0].toLowerCase()) {
       case "":
         if(!a.src) {
           a.src = localStorage.cb_sound||default_sound;
           a.load();
       }
         a.play();
         break;
       case "all":
       case "new":
         localStorage.cb_freq = m[0]; break;
       case "always":
       case "off":
       case "on":
       case "once":
       case "never":
         localStorage.cb_when = m[0]; break;
       case "stop":
         if(!a.paused) a.pause();
         if(!a.ended && a.readyState > 0) a.currentTime = 0;
         break;
       case "pause":
         if(!a.paused) a.pause();
         break;
       case "volume":
         if(m.length>1) {
           localStorage.cb_volume = Math.min(1, Math.max(0, parseFloat(m[1].replace(',','.'))/100));
           a.volume = localStorage.cb_volume;
           break
         }
       default:
         bad_apple = true;
     };
     if(bad_apple) {
       if(m[0] in sounds) {
         m[0]= sounds[m[0]];
       }
       if(m[0]=="default") {
         m[0]=default_sound;
         localStorage.removeItem('cb_sound');
         localStorage.removeItem('cb_freq');
         localStorage.removeItem('cb_volume');
         localStorage.removeItem('cb_when');
         a.volume = Math.min(1, Math.max(0, default_volume/100));
       }
       if(/^https?:\/\/.+/.test(m[0])) {
         localStorage.cb_sound = m[0];
         a.pause();
         a.src = m[0];
         a.load();
         a.play();
       } else {
         var message = $('#message').val();
         alert('/sound [all | new]\n/sound [always | off | on | once | never]\n/sound [stop | pause]\n/sound default\n/sound volume 0-100\n/sound ['+$.map(sounds,function(_,k){return k}).join(' | ')+']\n/sound [http://* | https://*]');
         setTimeout(function(){ $("#message").val(message).select().focus(); }, 100);
         return;
       }
     }
     return $("#message").val('').focus();
   };

   $(window).on("focus", function(){ localStorage.removeItem('cb_once'); localStorage.removeItem('cb_blurred') }).on("blur", function(){ localStorage.cb_blurred=1; });

   var play_sound = function(){
     if(a.paused || a.ended) {
       if(a.readyState > 0) a.currentTime=0;
       if(!a.src) {
         a.src = localStorage.cb_sound||default_sound;
         a.load()
       }
       a.play()
     }
   };
   var overrided = Chatbox.prototype.refresh;
   Chatbox.prototype.refresh = function(data) {
     if (data.messages && data.messages.length) {
       var lm = data.messages.slice(-1)[0];
       var last_message = lm.time+','+lm.action+','+lm.msg;
       if(this.last_message_sound != last_message) {
         var user = $.grep(data.users, function(v){return v.id==chatbox.userId});
         user = user.length ? user[0] : [{}];
         if(this.last_message_sound!==undefined) {
           var freq = (localStorage.cb_freq||default_freq);
           var when = (localStorage.cb_when||default_when);
           if(when != "never" && (when != "off" || localStorage.cb_blurred) && (when != "on" || !localStorage.cb_blurred) && (when != "once" || (localStorage.cb_blurred && !localStorage.cb_once))) {
             if(freq =="all" || (lm.userId!=chatbox.userId && user.username!=lm.username)) {
               if(when!="once" || !localStorage.cb_once) {
                 play_sound();
                 localStorage.cb_once = 1;
               }
             }
           }
         }
         this.last_message_sound = lm;
       }
     }
     overrided.call(this, data);
   };
});

et voici celui pour la notification visuelle :

Code:

window.localStorage && $(window).load(function() {
   var t_icon = window.top.$.find('link[rel="shortcut icon"]')[0];
   var t_doc = window.top.document;
   var title = t_doc.title;
   var icon = t_icon.getAttribute('href');

   var rep_title = '!! Nouveau message !! '+title;
   var rep_icon = 'https://illiweb.com/fa/fdf/al.ico';

   $(window).on("focus", function(){ localStorage.cb_blurred='' }).on("blur", function(){ localStorage.cb_blurred=1; });
   var overrided = Chatbox.prototype.refresh;
   Chatbox.prototype.refresh = function(data) {
     if (data.messages && data.messages.length) {
       var lm = data.messages.slice(-1)[0];
       var last_message = lm.time+','+lm.action+','+lm.msg;
       if(this.last_message != last_message) {
         var user = $.grep(data.users, function(v){return v.id==chatbox.userId});
         user = user.length ? user[0] : [{}];
         if(this.last_message!==undefined) {
           if(lm.userId!=chatbox.userId && user.username!=lm.username) {
             if(localStorage.cb_blurred) (function(){
               var blink = function(){
                 if(title == t_doc.title) {
                   if(!localStorage.cb_blurred) return;
                   var new_title = rep_title;
                   var new_icon = rep_icon;
                 } else {
                   var new_title = title;
                   var new_icon = icon;
                 }
                 t_doc.title = new_title;
                 var new_t_icon = t_icon.cloneNode(true);
                 new_t_icon.setAttribute('href', new_icon);
                 var t_icon_parent = t_icon.parentNode;
                 t_icon_parent.removeChild(t_icon);
                 t_icon_parent.appendChild(new_t_icon);
                 t_icon = new_t_icon;
                 setTimeout(blink, 500);
               };
               blink();
             })();
           } else {
             localStorage.cb_blurred='';
           }
         }
         this.last_message = lm;
       }
     }
     overrided.call(this, data);
   };
});

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Messidor]

Non, le problème n'est pas résolu, j'attends que quelqu'un veuille bien m'aider et me donner les bons codes javascript.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Messidor]

tout pendant qu'il n'y aura personne pour me donner un code qui fonctionne, le problème ne sera pas résolu.

Merci à l'avance

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.

[Chacha]

Bonjour, Le topic est replacé à la demande de l'auteur du sujet. Pensez à faire un UP au moins une fois par semaine si vous ne voulez pas voir votre sujet déplacé à la corbeille.

Merci de lire cette annonce : Rappel des règles de l'Entraide : sujets verrouillés et de noter que les rappels avant verrouillage ne sont nullement une obligation.

Cordialement.

[Bipo]

Bonsoir @Messidor,

Après vérification, les deux scripts fonctionnent sans problème (testés sur la version ModernBB, Opera).

A toutes fins utiles, avez-vous activité la gestion des codes Javascript sur votre forum (se conférer à l'élément surligné en jaune) ?

Belle soirée sur Forumactif.
Bipo.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.