javascript – 当一个元素更改时,如何播放声音,像SO聊天？

当页面上的元素更改时,我想要播放声音.我知道如何做到这一点,但是我不能仅仅在第一次更改时才玩,而且不要稍后再做,直到用户重点关注窗口(选项卡)并再次模糊.

我当前的代码：

var notif = new Audio('http://cycle1500.com/sounds/infbego.wav');
if (window.innerHeight === window.outerHeight) {
  $(window).bind('DOMNodeInserted',function() {
      notif.play();
  });
}

解决方法

使用变量来表示是否播放声音.

var shouldplayAlertSound = true,notif = new Audio('http://cycle1500.com/sounds/infbego.wav');
if (window.innerHeight === window.outerHeight) {
  $(window).bind({
    'DOMNodeInserted': function() {
      if (shouldplayAlertSound) {
        notif.play();
      }
      shouldplayAlertSound = false;
    },blur: function() {
      shouldplayAlertSound = true;
    } 
  });
}

编辑：我在Firefox,Safari和Opera上有tested this working(除了innerHeight支票外). (Chrome不支持播放WAV音频文件,仅支持MP3,AAC或Ogg Vorbis格式.)

原文地址：https://www.jb51.cc/js/154808.html