페이지 전체에서 jplayer 인스턴스에 액세스하여 사용자 클릭에 따라 데이터를로드하십시오.

Question

$ ("# audio_2ndplaylist")를 사용하고 싶습니다. 사용자가 src = ""데이터를 교환 할 수있게하려면 click (function() { (즉, 소스 URL을 포함하는 JSON 형식의 데이터)을 사용하고 있습니다. 제 주요 문제는이 jPlayer 객체를 내가 초기화 한 곳 밖에서 참조하는 방법을 모르겠다는 것입니다 .jPlayer 사이트 설명서에 $ .. ("#jplayer_id") 데이터 ("jPlayer")하지만 지금까지 나를 위해 일하지

다음은 초기화 jPlayer에 대한 내 코드입니다 :

var data= [ {title:"Cro Magnon Man", 
    artist:"The Stark Palace", 
    mp3:'http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3'    
       }, 
    {title:"Your Face", 
    artist:"The Stark Palace", 
    mp3:"http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3", 
       }]; 

    new jPlayerPlaylist({ 
    jPlayer: "#jplayer_id", 
}, data, 
{ 
    supplied: "webmv, ogv, m4v, oga, mp3, mov, mp4" 
}); // end of jPlayerPlaylist instance 

그리고 여기 클릭 내 코드입니다 (기능() {// 바로 내 스크립트에 위의 코드를 다음과 어떤 :

$('audio_2ndplaylist').click(function() { 

var data2=[ {title:"Hidden", 
    artist:"Miaow", 
    mp3:"http://www.jplayer.org/audio/mp3/Miaow-02-Hidden.mp3", 
    }, 
      {title:"Tempered Song", 
    artist:"Miaow", 
    mp3:"http://www.jplayer.org/audio/mp3/Miaow-01-Tempered-song.mp3", 
    }]; 

var jplay=$("#jplayer_id").data("jPlayer"); 
jplay.load(data2); 

}); // end of click function 

하나 주시면 감사하겠습니다이 jPlayer는 "데이터 2"와 "데이터"에서 사용하는 JSON 객체를 전환 할 수도 있습니다 어떤 도움,

Answer 1

몇 가지 내 생각이 있습니다

1. 당신은 (var에 jplay 같은 = 새로운 jPlayerPlaylist() 당신의 jPlayerPlaylist 이름을하지 않는다; 예를 들어). 이렇게하면 두 번째 스크립트에서와 같이 jPlayerPlaylist 인스턴스에 액세스 할 수 있습니다. jplay 유일한 공공 VAR, 당신은 당신의 두번째 스크립트에서 예를 그것을 필요가 없습니다 :
2. 일부 트랙을 추가 할 수있는 권한 기능은() 또는 setPlaylist()

이 CSQ를 추가합니다.

여러분이 스크립트는 지금 :

var data= [ {title:"Cro Magnon Man", 
    artist:"The Stark Palace", 
    mp3:'http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3'    
       }, 
    {title:"Your Face", 
    artist:"The Stark Palace", 
    mp3:"http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3", 
       }]; 

var jplay = new jPlayerPlaylist({ 
    jPlayer: "#jplayer_id", 
    }, data, 
    { 
     supplied: "webmv, ogv, m4v, oga, mp3, mov, mp4" 
}); // end of jPlayerPlaylist instance 

그리고 두 번째 :

$('audio_2ndplaylist').click(function() { 

var data2=[ { 
    title:"Hidden", 
    artist:"Miaow", 
    mp3:"http://www.jplayer.org/audio/mp3/Miaow-02-Hidden.mp3", 
    }, 
    { 
    title:"Tempered Song", 
    artist:"Miaow", 
    mp3:"http://www.jplayer.org/audio/mp3/Miaow-01-Tempered-song.mp3", 
}]; 

jplay.add(data2); 

}); // end of click function 

내가 설정 한 경우이,