HTML5 Audio Player With XML Playlist

$("#player4").MusicPlayer({
playlist: "true",
playlist_path: "playlist.xml"
});
<?xml version="1.0" encoding="UTF-8"?>
<DSMusicPlayer>
<track>
<type>audio</type>
<track_url>music/RaeSremmurdBlackBeatles.mp3</track_url>
<ID3>true</ID3>
<artist>Rae Sremmurd ft. Gucci Mane</artist>
<title>Black Beatles</title>
</track>
<track>
<type>soundcloud</type>
<soundcloud_id>b8f06bbb8e4e9e201f9e6e46001c3acb</soundcloud_id>
<soundcloud_url>https://soundcloud.com/zayhilfiger/juju-on-that-beat-tz-anthem</soundcloud_url>
</track>
<track>
<type>itunes</type>
<itunes_id>1050703550</itunes_id>
</track>
<track>
<type>audio</type>
<track_url>https://ice-sov.musicradio.com/HeartLondonMP3</track_url>
<title>London Heart</title>
<artist>106.2</artist>
</track>
<track>
<type>audio</type>
<title>Side To Side</title>
<artist>ArianaGrande ft. Nicki Minaj</artist>
<track_url>music/ArianaGrandeSideToSide.mp3</track_url>
</track>
</DSMusicPlayer>

XML Playlist (Combined Tracks)

$("#player4").MusicPlayer({
type:"audio",
title: "Black Beatles",
artist: "Rae Sremmurd ft. Gucci Mane",
track_URL: "music/RaeSremmurdBlackBeatles.mp3",
downloadable: "true",
apple_music: "https://itunes.apple.com/us/music-video/black-beatles-feat.-gucci/id1157185228",
amazon_music: "https://www.amazon.com/Black-Beatles-feat-Gucci-Clean/dp/B01E7RX5QW",
extra_purchase: "https://play.spotify.com/track/21xJVN5wEbJogczYxfZhqR"
});

HTML5 Audio (Local/Remote)

SoundCloud Player

$("#player3").MusicPlayer({
playlist: "true",
soundcloud_id: "b8f06bbb8e4e9e201f9e6e46001c3acbs",
soundcloud_playlist: "https://soundcloud.com/amirtataloo/sets/amir"
});

SoundCloud Set

$("#player5").MusicPlayer({
type: "soundcloud",
soundcloud_id: "b8f06bbb8e4e9e201f9e6e46001c3acbs",
soundcloud_url: "https://soundcloud.com/amirtataloo/gir-kardam-roo-to",
apple_music: "https://itunes.apple.com",
extra_purchase: "https://home.adele.com/",
amazon_music: "https://www.amazon.co.uk/",
});

Single SoundCloud Track

Apple Music Player iTunes

$("#player6").MusicPlayer({
type: "itunes",
itunes_id: "1114079772",
amazon_music: "https://www.amazon.co.uk/feat-Snoop-Dogg-Radio-Edit/dp/B01FW5ZRCS",
});

iTunes Track

Live Radio Streaming

$("#player15").MusicPlayer({
type: "audio",
title: "London Heart",
artist:"Radio 106",
track_URL: "https://ice-sov.musicradio.com/HeartLondonMP3"
});

Live Streaming Radio (SHOUTcast)

Styles & Themes

$("#player10").MusicPlayer({ playlist: "true",
soundcloud_id: "b8f06bbb8e4e9e201f9e6e46001c3acbs",
soundcloud_playlist: "https://soundcloud.com/amirtataloo/sets/amir",
background: "linear-gradient(to left, #c2e59c , #64b3f4)",
background_size: "cover",
background_position: "bottom",
});

Gradient Background

$("#player9").MusicPlayer({ playlist: "true",
soundcloud_id: "b8f06bbb8e4e9e201f9e6e46001c3acbs",
soundcloud_playlist: "https://soundcloud.com/amirtataloo/sets/amir",
theme: "black",
background: "url(https://c1.staticflickr.com/3/2370/2382373423_93a70c47ab_b.jpg)",
background_size: "cover",
background_position: "bottom",
});

Custom Background Image

$("#player12").MusicPlayer({
playlist: "true",
soundcloud_id: "b8f06bbb8e4e9e201f9e6e46001c3acbs",
soundcloud_playlist: "https://soundcloud.com/amirtataloo/sets/amir",
});

White Theme

$("#player11").MusicPlayer({
playlist: "true",
soundcloud_id: "b8f06bbb8e4e9e201f9e6e46001c3acbs",
soundcloud_playlist: "https://soundcloud.com/amirtataloo/sets/amir",
theme: "black"
});

Black Theme