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

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

第三个参数是一个定义jPlayer选项的对象 jPlayerPlaylist选项。该对象传递给jPlayer（...）

并且here您可以看到jPlayer的可用事件列表。对您的问题有用的一个是：

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

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

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

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

1 个答案: