如何使用jPlayer在所有页面上连续播放音频?

时间:2015-07-04 17:19:24

标签: jquery audio jplayer

我发现了一个相关问题here
但我的问题是如何使用jPlayer执行此操作?是否可以在不使用ajax的情况下连续播放音频?

$(document).ready(function(){

    new jPlayerPlaylist({
        jPlayer: "#jquery_jplayer_1",
        cssSelectorAncestor: "#jp_container_1"
    }, [
        {
            title:"Lentement",
            artist:"Miaow",
            mp3:"http://www.jplayer.org/audio/mp3/Miaow-03-Lentement.mp3",
            oga:"http://www.jplayer.org/audio/ogg/Miaow-03-Lentement.ogg",
            poster: "http://www.jplayer.org/audio/poster/Miaow_640x360.png"
        }
    ], {
        swfPath: "../dist/jplayer",
        supplied: "oga, mp3",
        useStateClassSkin: true,
        autoBlur: false,
        smoothPlayBar: true,
        keyEnabled: true,
        audioFullScreen: true
    });

    $("#jplayer_inspector_1").jPlayerInspector({jPlayer:$("#jquery_jplayer_1")});
});

2 个答案:

答案 0 :(得分:2)

  

是否可以在不使用ajax的情况下连续播放音频?

要使音频连续不间断播放,需要连续不间断的连接和页面状态。

有两种基本方法可以解决这个问题:

  • 将播放器加载到某个页面,并在人员通过AJAX导航时加载其余内容。这样可以保留单页/单一连接'对于玩家。

  • 将播放器粘贴在某个页面上,然后将该网站的其余部分加载到iFrame中。这与AJAX选项相同,但增加了iFrames对体验的不便。

答案 1 :(得分:0)

如果您坚持不在弹出窗口中打开jPlayer,那么我建议您在导航到之前不实际加载新页面时在页面之间实现连续音频。这可能比您想象的更容易,使用新的前端JavaScript库,如Ember.js