动态更改jPlayer流源

时间:2013-09-05 11:55:23

标签: jquery variables dynamic jplayer

我需要做的是在锚点或按钮点击(总共5个) 上更改jPlayer流源而不刷新页面或停止播放器 。这可能吗?

JAVASCRIPT

jQuery(document).ready(function(){

        var stream = {
            title: "ABC Jazz",
            mp3: "http://listen.radionomy.com/abc-jazz"
        },
        ready = false;

        jQuery("#jquery_jplayer_master").jPlayer({
            ready: function (event) {
                ready = true;
                jQuery(this).jPlayer("setMedia", stream); //.jPlayer("play")
            },
            pause: function() {
                jQuery(this).jPlayer("clearMedia");
            },
            error: function(event) {
                if(ready && event.jPlayer.error.type === jQuery.jPlayer.error.URL_NOT_SET) {
                    // Setup the media stream again and play it.
                    jQuery(this).jPlayer("setMedia", stream).jPlayer("play");
                }
            },
            swfPath: "js",
            supplied: "mp3",
            preload: "none",
            wmode: "window",
            keyEnabled: false
        });

    });

<a id="lounge" href="javascript:void(0)">Click for Lounge music</a>
<a id="rock" href="javascript:void(0)">Click for Rock music</a>
.
.
<a id="dance" href="javascript:void(0)">Click for Dounge music</a>

1 个答案:

答案 0 :(得分:1)

在搜索数小时后找到解决方案。

只需将其添加到您的代码中(根据您的示例):

$("#jquery_jplayer_master").jPlayer('destroy');
// And then call again your js code with new params