재생 목록 추가 기능을 사용하여 JSON 또는 XML URL에서 동적 Jplayer 재생 목록을 생성하는 방법

Question

JSON 또는 XML 또는 폴더 URL에서 동적 Jplayer 재생 목록을 생성하고 새 재생 목록 재생 추가 기능으로 재생 목록을 어떻게 사용할 수 있습니까?

Jplayer 팀에서는이 작업을 수행 할 수 있다고 언급하지만 (http://jplayer.org/latest/demo-02-jPlayerPlaylist/) 동적 재생 목록을 생성하는 방법과 해당 재생 목록을 새 재생 목록 추가 기능에 연결하는 방법에 대한 예는 아직 제시하지 않았습니다. 누군가 동적 재생 목록을 생성하고 새 재생 목록을 새로운 Jplayer 재생 목록에 연결하는 방법의 실례를 보여 주시겠습니까?

Answer 1

당신은 출발점으로 다음 코드를 사용할 수 있습니다

$(document).ready(function(){ 
    var cssSelector = { jPlayer: "#jquery_jplayer_1", cssSelectorAncestor: "#jp_container_1" }; 
    var options = { swfPath: "../js", supplied: "ogg, mp3" }; 
    var myPlaylist = new jPlayerPlaylist(cssSelector, [], options); 

    $.get("xml_audio.php", {}, function (xml){ 
     $('Track', xml).each(function (i){ 
     var title = $(this).attr('title'); 
     var track_name = $(this).attr('track_name'); 

     myPlaylist.add({ 
      'title': title, 
      'mp3': 'audio/' + track_name + '.mp3', 
      'ogg': 'audio/' + track_name + '.ogg' 
     }); 
     }); 
    }); 
}); 

는 다른 방법으로, jPlayer Jukebox add-on에서 봐 주시기 바랍니다. jPlayer Playlist add-on을 기반으로하지만 미디어 링크 용 페이지를 스캔하고 재생할 수있는 기능과 같은 추가 기능이 추가되었습니다. 이제 XSPF 형식의 재생 목록을 지원합니다.

Answer 2

<script> 
$(document).ready(function(){ 
var cssSelector = { 
    jPlayer: ".jquery_jplayer_1", 
    cssSelectorAncestor: "#jp_container_1" 
}; 
var playlist = []; // Empty playlist 
var options = { 
    swfPath: "../newjs/jplayer", 
    supplied: "mp3" 
}; 
var myPlaylist = new jPlayerPlaylist(cssSelector, playlist, options); 
$.getJSON("<?php print base_path() ?>/album-json",function(data){ // get the JSON array produced by my PHP 
    $.each(data,function(index,value){ 

     myPlaylist.add({title:$(this).attr("title"),mp3:$(this).attr("mp3")}); // add each element in data in myPlaylist 

    }) 

}); 
}); 
</script>