如何用Jplayer播放多个mp3文件?

时间:2014-11-18 16:59:03

标签: javascript php jquery html jplayer

我在这里使用Jplayer作为mp3播放器的开源插件。

myPlaylist.add({
  title:"Tempered Song",
  artist:"Miaow",
  mp3:"http://www.jplayer.org/audio/mp3/Miaow-01-Tempered-song.mp3",
});

但假设我是three锚标签,其中包含三种不同的音乐。

<a href="#">This is song 1</a>
<a href="#">This is song 2</a>
<a href="#">This is song 3</a>

显然,我无法将音乐网址放入href。点击后,它会自动开始下载或打开窗口媒体播放器。

那么,你如何将三个不同的音乐源文件放入这个jquery脚本?或者你用什么来播放mp3文件而不是使用锚标签?

myPlaylist.add({
      title:"<Song name>",
      artist:"<singer name>",
      mp3:"<MP3 URL of three different song>",
    });

我想将这三个不同的mp3文件播放到一个播放器中,但很困惑。我无法在谷歌中找到jplayer倾向于使用不同的多个mp3文件与jplayer。请帮忙怎么做?

帮助,我们会受到赞赏!!

1 个答案:

答案 0 :(得分:0)

这很容易,不用jquery attr锚定。

<a href="#" music-url="songs_music_url">This is song 1</a>

在jquery中:

myPlaylist.add({
  title:"<Song name>",
  artist:"<singer name>",
  mp3:$('a').attr('music-url'),
});