Jplayer 재생 목록 추가 확인란을 선택했습니다.

Question

확인란을 사용하여 jplayer에 재생 목록을 추가하고 jplayer 재생 목록에 추가해야하는 확인란을 클릭하면 확인란을 클릭하면 특정 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, 
     }); 
    } 
}); 

이 올려주세요.