Jplayer Playlist add on checkbox selected

Question

Я хочу добавить плейлист в jplayer, используя флажок, и когда я нажму на галочку, url должен быть добавлен в плейлист 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-адрес в неверный список воспроизведения.

Метод add() для jPlayerPlaylist принимает объект, а не строку, как это параметр:

Е.Г.

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, 
     }); 
    } 
}); 

Спросите меня, если вам нужна дополнительная помощь.