Question

我的jplayer脚本有问题。我需要jplayer播放从json文件构造的播放列表。以下是带有一个轨道的示例json输出：

{
data: {

  tracks:[
    {
    id: 8678,

    title: "Show Me",

    slug: "show-me",

    url:{youtube: "",buy: ""},

    audio:[{url: "track1.mp3",format_name: "MP3",mime_type: "audio/mpeg",}],

    image:{original: "https://d25jn4u0zlr7r6.cloudfront.net/album/8/8/iroking_tP08851bc807e123178fd1e33d98.jpg"},
     }
        ]
     }
}

这是我应该填充播放列表的脚本，但它不起作用。现在它复制所有数据，但我希望它只获取标题，图像和音频网址。

<script type="text/javascript">
$(document).ready(function(){
var cssSelector = {
    jPlayer: "#jquery_jplayer_1", 
    cssSelectorAncestor: "#jp_container_1"
};
var playlist = []; // Empty playlist
};
var myPlaylist = new jPlayerPlaylist(cssSelector, playlist, options);
$.getJSON("https://api.server.com/2/radio/6/tracks?key=********************",

function(data){  // get the JSON array
    $.each(data,function(index,value){
        myPlaylist.add(value); // add each element in data in myPlaylist
    })
}); 
});
</script>

非常感谢任何帮助。感谢

Answer 1

您需要更改此代码

$.getJSON("https://api.server.com/2/radio/6/tracks?key=********************",

function(data){  // get the JSON array
    $.each(data,function(index,value){
        myPlaylist.add(value); // add each element in data in myPlaylist
    })
});

此代码

$.getJSON("https://api.server.com/2/radio/6/tracks?key=********************",

function(data){  // get the JSON array
    $.each(data['data'].tracks, function(index,value){
        myPlaylist.add({
            title: value.title,
            artist: value.slug,
            mp3: value.audio[0].url,
            poster: value.image.original
        });
    })
});

从外部JSON填充JPlayer播放列表：没有结果

1 个答案: