静音和取消静音背景声音

Question

我正在根据某些情况在我的站点的监控页面中播放警报声音。 使用 ::

播放警报

$('body').append('<embed src="'+alerts+'" id="beapImg" autostart="true" hidden="true" loop="true">');

现在我想包含一个按钮，它应该使警报声静音。我对以下内容进行了一些探索：

Custom Mute Button for Audio Embedding?

How to mute an html5 video player

我还尝试删除 标签的属性：“autostart”：

if($("#mute").is(':checked')){

    $('#beapImg').attr("autostart",false);
}else{
    $('#beapImg').attr("autostart",true);
}

但这对我没有帮助，谁能告诉我我应该怎么做才能静音和取消静音。
谢谢

Answer 1

尝试删除循环。

if($("#mute").is(':checked')){
$('#beapImg').removeAttr("loop");
}

Answer 2

如果静音，我会从页面中删除嵌入 - 在正文以外的容器中

$('#soundDiv').html('<embed src="'+alerts+'" id="beapImg" autostart="true" hidden="true" loop="true">');

$("#mute").on("click",function() {
  $('#soundDiv').empty();
});

或

var sound = $('<embed src="'+alerts+'" id="beapImg" autostart="true" hidden="true" loop="true">');
$('#soundDiv').append(sound);
$("#mute").on("click",function() {
  if($("#mute").is(':checked') $('#soundDiv').empty();
  else $('#soundDiv').append(sound);
});