从jPlayer播放列表的JSON文件中获取信息

Gettin information from JSON file for jPlayer Playlist

本文关键字：获取 信息 文件 JSON jPlayer 播放列表      更新时间：2023-09-26

我正在为我的网站制作一个音乐播放器。

我想要的是有一个JSON文件托管的地方存储轨道标题和文件名。通过点击不同的按钮来加载不同的播放列表。

我如何从JSON文件加载信息到我的播放器?

这是JSON本身:

{"tracks":[
    {
        "title": "Some Track 1",
        "trackname": "Some_track_name_1"
    },
    {
        "title": "Some Track 2",
        "trackname": "Some_track_name_2"
    },
    {
        "title": "Some Track 3",
        "trackname": "Some_track_name_3"
    }
]}

这是我对JS的想法。

$.getJSON("path/to/playlist.json",
function(....){
//Get JSON data and generate a playlist
//Playlists are generated with:
    customPlaylist.add({
        title: title var,
        mp3: 'track path' + filename var + '.mp3' ,
    });   
});

一旦自定义播放列表被创建，它等待被设置为默认的播放列表称为myPlaylist由jPlayer:

$("#Playlist_1").click(function() {
    myPlaylist.setPlaylist([
       set the generated playlist "customPlaylist" as the 
       default playlist "myPlaylist" here....
    ]);

这样我想我会有多个播放列表，这样用户可以选择播放哪个。

我对JS和JSON的知识有限，所以我所拥有的只是粗略的想法。

你的方向是对的!

你只需要使用你返回的变量。Tracks是一个数组，因此可以使用forEach;

对其进行循环。
$.getJSON("path/to/playlist.json",
    function(playlist){
//Get JSON data and generate a playlist
//Playlists are generated with:
        playlist.tracks.forEach(function(track){
            customPlaylist.add({
                title: track.title,
                mp3: 'track path' + track.trackname + '.mp3' ,
            });
        });
    });
相关文章：