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

Question

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

我的问题是声音正常播放，但是问题是如果客户单击静音聊天按钮，则如何将其静音，然后应禁用该功能，直到客户再次单击此按钮播放此声音。

以下是我在jquery中的方法：

 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()); 

Answer 1

只需将您的代码放在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());
 }