拉JPlayer播放列表元素信息

Question

I'm crushing my head for days, because I can't figure out how to show in a specific div/span the JPlayer playlist's current songs tite/name? I'm using the code from JPlayer's demo:

    var playlist = new jPlayerPlaylist({
    jPlayer: "#jquery_jplayer_1",
    cssSelectorAncestor: "#jp_container_1"
    }, [
        {
            title:"Song - 1",
            mp3:"./path/to/song1.mp3"
        },
        {
            title:"Song - 2",
            mp3:"./path/to/song2.mp3"
        },
        ], {
        swfPath: "js",
        supplied: "mp3",
        wmode: "window"
    });

Thanks for your help, guys! :)

Answer 1

In your jplayer.playlist.js file add a line like the following to the _highlight function with the correct my_jquery_selector for the div you'd like the title to be printed in:

$(my_jquery_selector).html(this.playlist[index].title);

This is jacked from the current final line of that method that sets the title div ( this.cssSelector.title )in the player itself.

There are ways to get the title to show in the player itself but that doesn't seem to be what you are asking. I'm assuming here that you want to show the title in some div outside the player.

Answer 2

To display only the current playing track, I just did this in the stylesheet:

div.jp-playlist ul li {
    display:none;
}

div.jp-playlist ul li.jp-playlist-current {
    display:inline;
}