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

Posted 2023-02-25

【中文标题】如何使用 jPlayer 在所有页面上连续播放音频？

【英文标题】：How to play audio continuously on all pages using jPlayer?

【发布时间】：2015-07-04 17:19:24

【问题描述】：

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

【问题讨论】：

只是检查文档，似乎你可以使用play & loop 选项：jplayer.org/latest/developer-guide

我不知道怎么做的兄弟你可以添加代码....

【参考方案1】：

是否可以不使用ajax连续播放音频？

要让音频连续、不间断地播放，它需要一个连续、不间断的连接和页面“状态”。

有两种基本的处理方法：

将播放器加载到页面并在用户通过 AJAX 导航时加载其余内容。这为播放器保留了“单页/单连接”。

将播放器粘贴在页面上，然后将站点的其余部分加载到 iFrame 中。这与 AJAX 选项的作用相同，但增加了 iFrame 给体验带来的不便。

【讨论】：

我只想在页面加载后从最后一点连续播放。您可以在此处查看示例 ***.com/questions/15612120/…，但您可以使用 jPlyer 做到这一点吗？

@userknowmore 你的意思是你可以在每个页面加载时切断音频？

@userknowmore 好吧，兄弟，看来您可以随时使用内置方法开始播放：jplayer.org/latest/developer-guide/#jPlayer-play 只要您可以在上一页设置播放器停止点（可能通过cookies）那么这可能会起作用。

@userknowmore 一个什么例子？你卡在哪一部分了？

我不知道兄弟该怎么做。我有小型乐队网站，我想在我的网站上添加它。我认为 jPlayer 没有 标签，或者我不知道，所以我很困惑如何用 jPlayer 替换音频标签或脚本。请问这个可以吗？

【参考方案2】：

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