2015-11-23 98 views
0

重用這是我現在的代碼,它是一個播放列表中的代碼與兩首歌曲:把jPlayer播放列表曲目變量在多個播放列表

$("#audio-mix").click(function() { 
    var playlistPoster = "img/playlist_poster.jpg"; 
    myPlaylist.setPlaylist([ 
     { 
      title:"Song #01", 
      artist:"Artist", 
      mp3:"music/song_01.mp3", 
      oga:"music/song_01.ogg", 
      poster: playlistPoster 
     }, 
     { 
      title:"Song #02", 
      artist:"Artist", 
      mp3:"music/song_01.mp3", 
      oga:"music/song_01.ogg", 
      poster: playlistPoster 
     } 
    ]); 
}); 

我加一個變量playlistPoster所以我沒有在每首歌中寫下海報的鏈接。

但是相同的歌曲會插入其他幾個不同順序的播放列表,新歌等,我想縮短代碼。

我也希望每個播放列表都有其獨特的「海報」。

播放列表之前,此代碼工作:

var playlistPoster; 
var song_01 = { 
      title:"Song #01", 
      artist:"Artist", 
      mp3:"music/song_01.mp3", 
      oga:"music/song_01.ogg", 
      poster: playlistPoster 
     } 

但我不能重置playlistPoster變量對每個播放列表顯示不同的海報。

於是,我就只放這一部分在一個變量:

 title:"Song #01", 
     artist:"Artist", 
     mp3:"music/song_01.mp3", 
     oga:"music/song_01.ogg" 

這是我的問題,我試着用引號把它包起來,用多線反斜槓,和其他技巧,但我要麼得到錯誤或未定義的播放列表條目。

怎麼了? :d感謝您的時間:)

回答

0

這是爲我工作:

設置變量:

var song_01 = { 
     title:"Song #01", 
     artist:"Artist", 
     mp3:"music/song_01.mp3", 
     oga:"music/song_01.ogg", 
     poster: "img/default.jpg" 
    } 
var song_02 = { 
     title:"Song #02", 
     artist:"Artist", 
     mp3:"music/song_02.mp3", 
     oga:"music/song_02.ogg", 
     poster: "img/default.jpg" 
    } 

播放列表代碼:

$("#audio-mix").click(function() { 
    myPlaylist.setPlaylist([ 
     song_01, 
     song_02 
    ]); 
    document.getElementById("jp_poster_0").src = "playlist_poster.jpg"; // Change the poster image 
});