Odtwarzanie dźwięku z karty przeglądarki INACTIVE

Question

Mam panel sterowania dla restauracji i odtwarza dźwięk alertu, gdy zamówienie zostanie wydane. Problem polega na tym, że jeśli karta panelu sterowania nie jest aktywną zakładką w Chrome (tak samo jest w przypadku Firefoksa), dźwięk alarmu nie jest odtwarzany. Po kliknięciu na zakładkę odtwarza dźwięk.

Widzę niektóre witryny (Facebook Chat, alert serwera Cloudstats.me, ...) odtwarzają dźwięk, nawet jeśli są w nieaktywnej zakładce, więc jaki jest sposób obejścia tego problemu?

Answer 1

Gdyby podobna rzecz przydarzyła mi się również, staraliśmy się grać na giełdzie, kiedy giełda otworzyła się i zamknęła na cały dzień. Problemem było to, że próbowaliśmy załadować plik mp3, a następnie odtworzyć go, gdy warunek zostanie spełniony. Tak więc początkowo miałem.

var bell; 

// Update the clock, countdown, and tooltips as needed. 
function updateClock() { 
    service.getMarketDate(function(data) { 

     if (data.soundMarketBell) { 
      if (!bell) { 
       bell = new Audio('/sounds/marketclock.mp3'); 
      } 
      bell.play(); 
     } 
    }); 
} 

var intervalId = $interval(updateClock, 1000); 

Przesuwając obciążenie zasobów wydarzy na stronie obciążenia, a następnie po prostu wywołanie Audio.play to naprawić problem

var bell = new Audio('/sounds/marketclock.mp3'); 

// Update the clock, countdown, and tooltips as needed. 
function updateClock() { 
    service.getMarketDate(function(data) { 
     if (data.soundMarketBell) { 
      bell.play(); 
     } 
    }); 
} 

// check for a time update every second 
// to balance accuracy with performance 
var intervalId = $interval(updateClock, 1000) 

Przeglądarki ograniczyć zasoby ładowania, gdy karta jest nieaktywna