Javascript 选项卡未聚焦时,桌面Safari音频未播放

Javascript 选项卡未聚焦时,桌面Safari音频未播放,javascript,jquery,safari,html5-audio,Javascript,Jquery,Safari,Html5 Audio,我的网站上有一个MP3播放列表。单击“播放”时,第一首歌曲开始播放,完成后播放下一首歌曲,直到播放列表结束 在Chrome中一切都很好,但在Safari 7(Mavericks)中,如果第一首歌结束后选项卡未对焦,则第二首歌在我对焦选项卡之前不会启动 我的代码如下所示: function play( song_path ){ var html = ""+ '<audio id="html_player" controls autoplay>' +

我的网站上有一个MP3播放列表。单击“播放”时,第一首歌曲开始播放,完成后播放下一首歌曲,直到播放列表结束

在Chrome中一切都很好,但在Safari 7(Mavericks)中,如果第一首歌结束后选项卡未对焦,则第二首歌在我对焦选项卡之前不会启动

我的代码如下所示:

function play( song_path ){
    var html = ""+ 
        '<audio id="html_player" controls autoplay>' +
        '   <source src="'+ song_path + '" type="audio/mpeg">'+
        '</audio>';
    $("#player_element").html( html );  
    var song = $("audio")[0];
    song.play();

    $(song).on('ended', function() {
       playNext();
    });
}
功能播放(歌曲路径){
var html=”“+
'' +
'   '+
'';
$(“#player_元素”).html(html);
变量宋=$(“音频”)[0];
歌曲。游戏();
$(宋)。on('end',function(){
playNext();
});
}
函数playNext()获取下一首歌曲的url并调用play(new_url)


有什么办法可以解决这个问题吗?

此线程可能会帮助您:如果选项卡处于打开状态,或者页面是在单独的Safari窗口中打开的(即使窗口不可见),则一切正常。因此,问题不在于更改文件的源。我怀疑这与苹果的节能选项和/或优化有关