如何给新消息通知声音静音聊天按钮

时间:2017-05-24 05:03:37

标签: javascript jquery html5

我正在开发一个实时聊天应用程序。有一个聊天窗口,客户可以与操作员聊天。所以我在每条即将上传的消息上实现了通知声音。

我的问题是声音正常,但问题是如果客户点击静音聊天按钮然后它应该禁用,直到客户再次单击此按钮播放此声音时如何静音此声音。

下面是我在jquery中的方法:



array(base64_encode(serialize(array(53 => $site_id))))




1 个答案:

答案 0 :(得分:0)

只需将代码放入if块中即可。假设您有一个ID为“isMuted”的复选框:

if($("#isMuted").is(':checked'))
{
 // do not play sound, maybe do something else, like flash the chat
}        
else
{
 // if not checked, play sound as you already do
var audio = new Audio('sound/y.mp3');
  $('#' + ctrId).find('#divMessage').append('<div class="msg_wrap">' + '<div class="avatar1"></div>' + '<div class="direct-chat-text"><span class="userName">:' + msg[i].userName + '</span> ' + '<span>' + msg[i].message + '</span>' + '</div>' + '</div>' + '<span style="margin-right: 30px;float:right;font-size: 11px;color: #8c8585;">' + msg[i].chatTime + '</span>').append(audio.play());
 }