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

Question

我发现了一个相关问题 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")});
});

Answer 1

Is there possible to play audio continuously without using ajax?

要连续不间断地播放音频，需要连续不间断的连接和页面 'state'。

有两种基本的处理方法：

将播放器加载到页面上，并在用户通过 AJAX 导航时加载其余内容。这为玩家保留了 'single page/single connection'。
将播放器固定在页面上，网站的其余部分将加载到 iFrame 中。这与 AJAX 选项相同，但增加了 iFrame 的不便之处。

Answer 2

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

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

How to play audio continuously on all pages using jPlayer?

audio

jquery

jplayer