正常に動作するプレイリストを持つ jplayer musicplayer があり、リンクをクリックしたときに最初の myPlaylist1 を myPlaylist2 に変更できるようにしたいと考えています。
最初のプレイリスト myPlaylist1 を div #theplayer にロードする関数は次のようになります。
$(document).ready(function(){
var description = 'Some description. ';
$('#theplayer').ttwMusicPlayer(myPlaylist1, {
autoPlay:false,
description:description,
currencySymbol:'Kr ',
buyText:'KÖP',
tracksToShow:50,
jPlayer:{
swfPath:'http://www.mypage.com/music_player/jquery-jplayer' //You need to override the default swf path any time the directory structure changes
}
});
リンクをクリックすると、上記を以下の myPlaylist2 に変更したいと思います。
$('#theplayer').ttwMusicPlayer(myPlaylist2, {
autoPlay:false,
description:description,
currencySymbol:'Kr ',
buyText:'KÖP',
tracksToShow:50,
jPlayer:{
swfPath:'http://www.mypage.com/music_player/jquery-jplayer' //You need to override the default swf path any time the directory structure changes
}
});
これで、プレイリスト1の代わりにプレイリスト2が表示されることを願っていますか?
ページの読み込み時に読み込まれるプレイリストは次のようになります。
var myPlaylist1 = [
{
mp3:'http://www.www.mypage.com/music_player/mix/1.mp3',
title:'Love The Way You Lie',
artist:'Eminem',
buy:'#',
price:'12',
cover:'http://www.mypage.com/music_player/images/1.jpg'
}
];
リンクをクリックすると、代わりにプレイリストをこれに変更したいと思います。
var myPlaylist2 = [
{
mp3:'http://www.www.mypage.com/music_player/mix/2.mp3',
title:'Hey you',
artist:'Madonna',
buy:'#',
price:'12',
cover:'http://www.mypage.com/music_player/images/2.jpg'
}
];
または、プレイリストを変更する方法について他に提案があれば教えてください。
ご意見をお寄せいただきありがとうございます。