javascript - 使用页面焦点上的JavaScript静音<audio>声音

我有以下代码可以在聚焦窗口时使音频静音，但是我必须做错了什么，因为它根本不会静音。

脚本

$(function() {
    $(window).focus(function() {
        console.log('Focus');
        /*getElementById('notificationsound').muted = true;*/
        $("#notificationsound").prop('muted', true); //mute

    });

    $(window).blur(function() {
        console.log('Blur');
    });
});

html

<audio id="notificationsound" src="sound/notify.mp3" preload="auto"></audio>

目的是仅在页面未查看/焦点不清晰时播放通知声音(我使用此“脚本结构”，因为稍后可能会在不同状态中添加更多内容)。

我知道自从我是初学者以来，就缺少了一些非常基本的东西，而且由于，它在控制台中正确记录了焦点/模糊。另外-我知道这很可能是一个与之前在这里问的其他人非常相似的问题，但是我只能找到比较老的答案(我的代码基于该答案)，所以如果这不再是“现代”或最佳实践，喜欢替代方法的例子。

在需要或建议进行重大更改的情况下，非常感谢示例。

最佳答案

尝试$("#notificationsound").prop('muted', true);-您错过了JQuery中的ID选择器“＃”。