Jplayer Playlist add onチェックボックスをオンにしました

Question

jplayerにプレイリストを追加したいのですが、チェックボックスをクリックすると、jplayerプレイリストにURLを追加する必要があります。チェックボックスをクリックするとURLが表示されます。私はいずれかが私を助けてくださいmyplaylistに追加することができません、私はそれは私に未定義

//This array object  
var playList = new Array(); 

//this check box selected event, when i click on checkbox i am having item which bring the url "http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg" 
self.Selected= function (item) { 
var url = Voiceurl(); 
playList.push(url); 
console.log(playList); 
//this function i am calling to add to playlist 
JplayerWithPlaylist(playList) 
} 


function JplayerWithPlaylist(playList) { 
console.log(playList); 
var cssSelector = { 
    jPlayer: "#jquery_jplayer_1", 
    cssSelectorAncestor: "#jp_container_1" 
}; 
var options = { 
    swfPath: "./js", 
    supplied: "oga" 
}; 
var myPlaylist = new jPlayerPlaylist(cssSelector, playList, options); 
for (i = 0; i < playList.length; i++) { 

    myPlaylist.add(playList[i]) 
}; 
}; 

<div id="jquery_jplayer_1" class="jp-jplayer"></div> 
    <div id="jp_container_1" class="jp-audio"> 
    <div class="jp-type-playlist"> 
    <div class="jp-gui jp-interface"> 
    <div class="my-row btn-group jp-controls"> 
    <button href="javascript:;" class="btn btn-default glyphicon glyphicon-step-backward jp-previous" tabindex="1"></button> 
    <button href="javascript:;" class="btn btn-default glyphicon glyphicon-play jp-play" tabindex="1"></button> 
    <button href="javascript:;" class="btn btn-default glyphicon glyphicon-pause jp-pause" tabindex="1"></button> 
    <button href="javascript:;" class="btn btn-default glyphicon glyphicon-step-forward jp-next" tabindex="1"></button> 
    <button href="javascript:;" class="btn btn-default glyphicon glyphicon-stop jp-stop" tabindex="1"></button> 
    <button href="javascript:;" class="btn btn-default glyphicon glyphicon-volume-off jp-mute" tabindex="1" title="mute"></button> 
    <button href="javascript:;" class="btn btn-default glyphicon glyphicon-volume-down jp-unmute" tabindex="1" title="unmute"></button> 
    <button href="javascript:;" class="btn btn-default glyphicon glyphicon-volume-up jp-volume-max" tabindex="1" title="max volume"></button> 
    </div> 
    </div> 
    <div class="jp-playlist"> 
    <ul class="list-unstyled"> 
    <li></li> 
    </ul> 
</div> 
</div> 

Answer 1

を示して追加するときhttp://jplayer.org/latest/demo-02-jPlayerPlaylist/をお読みください。

なぜ、各追加で新しいプレイリストを作成していますか？これは非常に高価で、あなたの他のものを単に上書きします。

ページの再生リストを作成し、チェックボックスをオンにして再生リストに追加します。

あなたはプレイリストにURLをプッシュして、各URLをプレイリストに間違っているように見えるようです。それは、パラメータのよう

jPlayerPlaylistためadd()メソッドは、オブジェクトではなく文字列を取ります。例えば

myPlaylist.add({ 
    title:"Your Face", 
    artist:"The Stark Palace", 
    mp3:"http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3", 
    oga:"http://www.jplayer.org/audio/ogg/TSP-05-Your_face.ogg", 
    poster: "http://www.jplayer.org/audio/poster/The_Stark_Palace_640x360.png" 
}); 

itemは、お使いの機能では使用されていません。

はこれを試してください：あなたはより多くの助けが必要な場合

$(function() { 
    var jPlayerPlaylistConfig = { 
     cssSelector: { 
      jPlayer: "#jquery_jplayer_1", 
      cssSelectorAncestor: "#jp_container_1" 
     }, 
     options: { 
      swfPath: "./js", 
      supplied: "oga" 
     }, 
     playlist: [] 
    }; 

    var myPlaylist = new jPlayerPlaylist(jPlayerPlaylistConfig.cssSelector, jPlayerPlaylistConfig.playList, jPlayerPlaylistConfig.options); 

    //this check box selected event, when i click on checkbox i am having item which bring the url "http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg" 
    self.Selected = function() { 
     var url = Voiceurl(); 
     console.log(url); //Make sure URL actually exists 

     myPlaylist.add({ 
      mp3: url, 
     }); 
    } 
}); 

を掲載していません。