Jplayer 2.2.0:无法使用javascript获取当前歌曲信息

时间:2012-09-17 11:25:50

标签: jquery jplayer playlist

我不是一个js编码器,所以可能这只是因为我的无知而无法工作: 正如在jplayer用户组中最近的一篇文章中所发现的,你可以通过这种方式获得当前的歌曲信息来听jplayer play事件:

    $("#jquery_jplayer_1").bind($.jPlayer.event.play, function(event) { 
    updateCurrentTrackInfo(myPlaylist.playlist[myPlaylist.current]);   // send out the media info object for the current track in the playlist
});

// custom function to update the external current track div
function updateCurrentTrackInfo(obj) {
            document.getElementById('currentTrackInfo').innerHTML = '<em>Now Playing&#8230;</em><span>'+obj.title+'</span> by <span>'+obj.artist+'</span>';
}

我在jplayer javascript之后将此代码插入<script type="text/javascript"></script>内。 然后在页面正文中我制作了<div id="currentTrackInfo"></div>标签。

事实是这段代码对我不起作用,div仍然是空白的。 也许我的错误是我必须以某种方式调用函数?

2 个答案:

答案 0 :(得分:4)

这里检查一下

jQuery("#jquery_jplayer_1").bind(jQuery.jPlayer.event.play, function (event)
    {   

        var current         = myPlaylist.current,
        playlist        = myPlaylist.playlist;
        jQuery.each(playlist, function (index, obj){
            if (index == current){
                    alert(obj.title);

            } // if condition end
        });
    });

答案 1 :(得分:0)

请检查

function add_song(){
    var current = myPlaylist.current,
        playlist = myPlaylist.playlist;
    jQuery.each(playlist, function (index, obj) {
       if (index == current) {
          alert(obj.title);
        } // if condition end
    });
 }