从INACTIVE浏览器选项卡播放声音

Question

我有一个餐厅的控制面板,它在发出订单时会发出警报声.问题是,当控制面板选项卡不是Chrome中的活动选项卡时(对于Firefox也是如此),警报声音不会播放.单击选项卡后,它会播放声音.

我看到一些网站(Facebook Chat,Cloudstats.me服务器警报,......)即使在非活动标签中也会播放声音,那么这个问题的解决方法是什么？

Answer 1

也有类似的事情发生在我身上,当股票市场开盘并关闭当天时,我们试图进入市场时钟.我们遇到的问题是我们尝试加载mp3然后在满足条件时播放它.原来我有.

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);

通过在页面加载时移动资源加载然后只调用Audio.play它修复了问题

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)

选项卡处于非活动状态时,浏览器限制加载资源