javascript - jPlayer 2.2.0 : display track title in separate div on page load

Question

我直接使用 jPlayer，因为 WordPress 的 mp3-jplayer 插件随着 WP 3.5 更新而崩溃，而且它似乎被开发人员放弃了。

该插件的一个不错的功能是它在控制栏上方的 div 中显示当前轨道的标题。此外，如果播放列表中只有一首歌曲，则有一个隐藏播放列表的脚本，因此控制栏上方只有轨道标题。我正在尝试将此功能添加到常规(非插件)jPlayer。

我可以使用以下代码在新的 div 中显示标题，来自 jPlayer 论坛:

$("#jquery_jplayer_1").bind($.jPlayer.event.play, function (event) {
    var current = myPlaylist.current,
        playlist = myPlaylist.playlist;
    $.each(playlist, function (index, obj) {
        if (index == current) {
            $('.jp_current_track_title').text(obj.title);   
        }
    });
});

但是，这不会在页面加载时加载轨道标题 - 它只会在您按下“播放”后显示。请注意，当播放器加载时，播放列表中的第一首轨道会突出显示(选中)。

所以我的问题是:如何在页面加载时加载轨道标题？

测试页为here .

我是 javascript/jQuery 的新手。

提前致谢。

Answer 1

Jplayer还提供了一个就绪事件:$.jPlayer.event.ready。播放器加载后，应该可以使用它来做同样的事情。