拉取JPlayer播放列表元素信息

Question

我头疼了好几天，因为我不知道如何在特定的div/span中显示JPlayer播放列表的当前歌曲。我使用的是JPlayer演示中的代码：

    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"
    });

谢谢你们的帮助，各位！:)

Answer 1

在您的jplayer.playlist.js文件中，向_highlight函数添加类似以下内容的一行代码，其中包含您希望在其中打印标题的目录的正确my_jquery_selector：

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

这是从该方法的当前最后一行获取的，该方法在播放器本身中设置标题div (this.cssSelector.title)。

有一些方法可以让标题显示在玩家本身中，但这似乎不是你想要的。我在这里假设你想要在播放器外部的某个div中显示标题。

Answer 2

为了只显示当前播放的曲目，我在样式表中执行了以下操作：

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

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