Forum d'entraide PHPFrance

Bonjour , je souhaite ajouter un son lorsqu'un nouveau message est poster sur mon site par la messagerie instantané . Merci pour votre aide

<div id="chat"><img src="images/icons/Chat.png" alt="" name="CHAT" width="54" height="54" align="absmiddle"> CHATTER AVEC ******* !<!-- Chat Room -->
	
    <div id="room"><dl></dl></div>
	<!-- Formulaire -->
    <form action="#" method="post">
        <input type="text" name="user" value="<?php echo '' .$info_membres[1].''; ?>" size="7"/>
        <input type="text" name="message" size="30" AUTOCOMPLETE="off" />
        <input type="submit" value="Envoyer" />
        
        
    </form>
</div>

Salut,

Pour cela il faudrait savoir comment les nouveaux messages sont reçus ...
Est-ce un traitement javascript (trés fort probable) dans ce cas, le forum HTML/CSS n'est pas le bon
Y a t'il une lib qui est utiolisée (jQuery / mootools / ...) par ce que le code permettant de jouer ce sont ne sera pas le même
As tu des restrictions de navigateur ? si ton chat est réservé aux navigateurs récent, il peut y avoir des outils permettant de générer les sons dans le navigateurs a partir de la fréquence, sinon, il faudra lancer une musique depuis un fichier spécifique ...

Donc ... ?

@++

Meilleure voeux de bonheur pour cette année 2013 !

Merci pour réponse

Voici le code :

[javascript]/**
* Un mini-Chat en jQuery/Php
* par Jay Salvat - http://blog.jaysalvat.com/
*/
$(function() {
$('#chat form').submit(function() {
var user = $('#chat input[name=user]').val();
var message = $('#chat input[name=message]').val();
$.post('chat/chat.php', { 'user':user, 'message':message }, function() {
refreshChat();
});
$('#chat input[name=message]').val('');
return false;
});



function refreshChat() {
$.ajax({
url: "chat/chat.html",
ifModified:true,
success: function(content){
$('#room').html(content);
}
});
setTimeout(refreshChat, 5000);
}
Donc je pense mettre le son ici mais comment je ne connais le Javascript je débute un peu en html et php , merci pour votre aide car ce chat me plaît bien créé par par Jay Salvat.


refreshChat();

});[/javascript]


Il y a aussi un traitement en php

Salut ...

Donc, le souci c'est que tu as ton fichier chat.html qui va etre rechargé dans une div#room toutes les 5 secondes (si l'utilisateur courant n'ajoute pas de contenu), SANS se poser la question de savoir si il y a du nouveau ou pas ...
la mise à jur ce fait ici
[javascript]$('#room').html(content);[/javascript]

déja tu pourrais commencer par regarder si le contenu est différent de ton fichier de chat
[javascript]
if($('#room').html() != content) {
alert('du nouveau') ;
$('#room').html(content);
}
[/javascript]

ensuite il te faut modifier remplacer l'alerte par une fonction permettant de jouer un son

Avance là dessus, cherche des outils jQuery permettant de jouer les sons, et tiens nous au courant

@++

Bonsoir merci pour ta réponse

J'ai fais plusieurs test mes toujours rien , merci de m'aider.

J'ai ajouté dans mon fichier html :
Mon formulaire d'envoi de message :
Dans mon fichier chat.js

Salut :

As tu testé dans la console (sur chrome, Safari, IE : F12, FF => FireBug) de voir comment réagissait l'instruction :
[javascript]$('#notification').play();[/javascript]
Et si tu avaios un message d'erreur à un moment donné ?
[javascript]
try {
$('#room').html(content);
$('#notification').play();
} catch(e){
console.log(e);
} [/javascript]

salut,

regarde http://css-tricks.com/play-sound-on-hover/ (par exemple)

a priori c'est plutôt

[javascript]$('#notification')[0].play()
[/javascript]

@+

Bonjour ,

Merci beaucoup pour vos réponses je regarde vos propositions dés que je rentrer du travail

Bonsoir , Merci pour vos réponses !

J'ai trouvé le problème grâce à vous , il fallait ajouter ceci : document.getElementById('notification').play();

J'ai retiré le rafraîchissement toute les 5 secondes , pour que le son soit seulement quand un message est posté.

Encore un grand merci pour votre aide !!! =D>

Bonjour

J'ai parlé un peu trop vite , encore un petit souci , la page ne se réactualise pas lors d'un message posté pour les autres personnes , en faites la messagerie avec le son ne se fait que sur le PC de celui qui envois le message et non les autres , donc quand on envois un message la personne n'est pas prévenu par le son et la messagerie n'est pas actualiser qu'un message a été posté.

Merci pour votre aide.

si tu veux une diffusion (plus ou moins instantanée) du serveur vers les clients, regarde du coté des web socket, c'est p'tet le plus simple.

sinon il faut que tu ai, quelque part, un flag pour indiqué que l'utilisateur n'a pas lu le message.
donc un rafraîchissement auto du cadre qui contient les message et si le nouveau est différente de l'ancien active le son (en gros si le html() est différent du html que tu as reconstruit au rafraichissement).

@+

RE

Bon sa se complique alors , j'en serai pas capable , je connais a peine le HTML , j'ai réussi ce chat grâce à l'exemple code source , j'ai regardé sur google web socket mais je ne vois pas comment faire.

Merci pour votre aide.

RE comment je peux faire un flag ? SVP

Merci

Salut:
as tu testé le code que je t'ai donné dans mon second post ?

[javascript]
if($('#room').html() != content) {
alert('du nouveau') ;
$('#room').html(content);
}[/javascript]

et qu'est-ce que ça donne ?

Bonjour

Non puisque que le son fonctionner , excuse moi , c’est bon comme ça l'emplacement du code. Merci