提取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函数添加一行，其中包含您希望打印标题的div的正确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;
}