jPLayer播放列表在更改时获取歌曲名称

Question

我正在使用带有 自动播放 的 jplayer 播放列表。显示播放列表，正在播放歌曲，一切正常。但是我想在 jplayer 更改为下一首歌曲时获取当前歌曲名称。我找不到任何文档。

歌曲更改后如何获取当前歌曲名称？

这里是 jplayer 播放列表示例代码。

var myPlaylist = new jPlayerPlaylist({
  jPlayer: "#jquery_jplayer_N",
  cssSelectorAncestor: "#jp_container_N"
}, [
  {
    title:"Song 1",
    artist:"Artist 1",
    mp3:"http://www.example.com/audio/song1.mp3",
    oga:"http://www.example.com/audio/song1.ogg"
  },
  {
    title:"Song 2",
    artist:"Artist 2",
    mp3:"http://www.example.com/audio/song2.mp3",
    oga:"http://www.example.com/audio/song2.ogg"
  }
], {
  playlistOptions: {
    autoPlay: true,
    enableRemoveControls: true
  },
  swfPath: "/js",
  supplied: "ogv, m4v, oga, mp3",
  smoothPlayBar: true,
  keyEnabled: true,
  audioFullScreen: false // Allows the audio poster to go full screen via keyboard
});

Answer 1

您正在使用来自文档的 jPlayer 的 playlist addon：

第三个参数是一个对象，用于定义 jPlayer 选项和 jPlayer 播放列表选项。这个对象被传递给 jPlayer (...)

和here你可以看到jPlayer的可用事件列表。对您的问题有用的是：

$.jPlayer.event.play * 播放媒体时发生。

因此，在您的代码中，您可以添加最后一个参数来覆盖 jPlayer 的 play 事件。在那里您可以访问当时正在播放的歌曲的标题：

play: function(e) {
    console.log(e.jPlayer.status.media.title);
}