当数据改变时停止播放音频

Question

我创建简单的addEventListener音频，想法是如果我的临时温度超过40℃，声音会播放，如果低于40℃，它会停止播放。但是，当我尝试运行时，它会玩多次。例如，如果12:12:12我的temp 41和12:12:13我的temp是50，它会播放音频两次。我怎样才能在一次播放一个音频？当温度低于40摄氏度时，如何暂停或停止音频停止？ 我结合本addEventListener与火力数据库

window.addEventListener('load', function() { 
 
    firebase.database().ref('sensor').limitToLast(1).on('child_added', function(data) { 
 
     var sensor = data.val(); 
 
     console.log("suhu gauge is :"+sensor.temp) 
 
     if (sensor.temp > 40) { 
 
      myAudio = new Audio('audio/alarm.mp3'); 
 
      myAudio.addEventListener('ended', function() { 
 
       this.currentTime = 0; 
 
       this.play(); 
 
      }, false); 
 
      myAudio.play() 
 
     } 
 
     else if (sensor.temp < 40){ 
 
      myAudio = new Audio('audio/alarm.mp3'); 
 
      myAudio.addEventListener('ended', function() { 
 
       this.currentTime = 0; 
 
       this.pause(); 
 
      }, false); 
 
     } 
 
     mydata.setValue(0, 1, sensor.temp); 
 
     chart.draw(mydata, myoptions); 
 
     console.log(sensor.temp); 
 
    }); 
 
});

Answer 1

定义myAudio和ended事件处理程序异步函数之外，从ended事件处理程序中除去this.play()，使用HTMLMediaElement.paused和.ended属性，以确定是否介质被暂停或玩

window.addEventListener('load', function() { 
    myAudio = new Audio('audio/alarm.mp3'); 
    myAudio.addEventListener('ended', function() { 
     this.currentTime = 0; 
    }, false); 
    firebase.database().ref('sensor').limitToLast(1).on('child_added', function(data) { 
     var sensor = data.val(); 
     console.log("suhu gauge is :"+sensor.temp) 
     if (sensor.temp > 40) { 
      if (myAudio.paused || myAudio.ended) { 
       myAudio.play() 
      } 
     } 
     else if (sensor.temp < 40) { 
      if (!myAudio.paused) { 
       myAudio.pause(); 
      } 
     } 
     mydata.setValue(0, 1, sensor.temp); 
     chart.draw(mydata, myoptions); 
     console.log(sensor.temp); 
    }); 
});