Shop Mobile More Submit  Join Login


Submitted on
October 17, 2013
File Size
163 KB


65,831 (78 today)
489 (who?)
16,400 (11 today)
JAM - v1.3 by FlipOut69 JAM - v1.3 by FlipOut69
My foobar2000 skin project codenamed 'JAM', inspired by Windows 8 and Xbox Music (W8 Music app) UI.

Download from : (Right-click at Jam v1.3 folder -> download -> extract zip)
Why I'm using OneDrive & Adfly, read it on my journal :
The download button on DA only contains dummy files, download only from link above

Requirements :
1. foobar2000 v1.2.9
2. At least 1280x720 screen resolution, higher is recommended
3. Segoe UI font family

Read first :
1. Window frame should look like the preview image, regardless what Windows version and custom VS you're using.
2. Installation and basic setup guide is included in the zip archive.

Additional screenshots

Feedback is always appreciated =D

And if you like it, don't forget to add your :+fav:


Changelog :

*Check the user guide for complete logs

v1.3 [31 Aug 2014]
- Option to disable integration ('charts' view, love button, etc.)
- Change method to grab artist pictures :
-- Fetching up to 5 pictures
-- All pictures now will be saved in foobar2000 profile folder
- Artist pictures & album artwork on the main interface now will insist filling the space regardless of their aspect ratio
- 'Playlists' view functionality now integrated into 'Collection' view. In the form of collapsible bar.
- Add library tree panel in collection interface
- Minor fixes
- v1.2 171213 Hotfix (100% DPI only)

v1.2 [11 Dec 2013]
- Change the default scheme to dark grey w/ blue
- Redesign the collection layout
- Also redesign few other panels
- Full-length & dynamic seekbar
- Optimization for streaming contents (dynamic artist & title, station name)
- Better volume calculation
- Bunch of fixes

v1.1 [11 Nov 2013]
- 2 new color schemes 
- Resizable window (beta)
- Smart playlists
- Alternative 'Now Playing' list style
- Fix missing symbols / characters

Credit to :
iosuiscloud for supporting this skin development
marc2k3 for lots of WSH scripts
Markkoenig for volume bar script (from Lux)
ainq for Gauss: Aqua wallpaper
dAKirby309 for foobar2000 icon (from Metro UI Icon Set)
Add a Comment:

Daily Deviation

Given 2013-10-19
beasis Featured By Owner Dec 16, 2014  New member
so cool!! thank you!!
japapreto Featured By Owner Edited Dec 13, 2014
Hi, I stumbled upon your skin and am really loving it!
One question though, is it possible to make the search function recognize the album artist tag? I have a plethora of albums with various artists and it's quite a drama to find them.
FlipOut69 Featured By Owner Dec 16, 2014  Hobbyist General Artist

Use "%album artist% IS ..."
EveryOtherUser Featured By Owner Nov 6, 2014  New member
Thank you  very much for this wonderful skin. I just started using Foobar2000, and I already liked the Foodeck skin, but this one is even a lot nicer :-)
However, I have 2 problems:

1) In the artist information/lyrics/track information panel, it says that no artwork has been found, even though the right thumbnails are shown in the other views. I have covers in every folder - either named cover.jpg (e.g., for albums with various artists) or "album_name".jpg. How do I have to adjust this, that it works properly?

2) At the artist information, I would like to integrate a Spotify-search instead of the grooveshark-search (which is not working in Germany). I have seen this been done in the Lux-Skin by markkoenig and I know the search-string. However I can't make it work, so that spotify is opened out of foobar. Can you help me with this?    
EveryOtherUser Featured By Owner Nov 7, 2014  New member
Alright, I solved the first problem on my own - I had to rename quite a few covers, then it worked properly. However, with the second problem I still need help... 
EveryOtherUser Featured By Owner Nov 7, 2014  New member
:-D Nevermind, I just figuered it myself ;-) Sorry for these stupid questions, but I'm a total noob... :-D And again, thank you for this wonderful skin! :-)
FlipOut69 Featured By Owner Nov 8, 2014  Hobbyist General Artist
Glad it's been solved, because Spotify is not available in my country (Indonesia) so I don't know the proper search string :)
EveryOtherUser Featured By Owner Nov 9, 2014  New member
It's just just like that: var spotify = "spotify:search:"+artist;
and  then spotify: new button(...}, function() {;}, spotify),....
Another issue, I've realized:
When I update the script (common7) to the new version, the images on the search buttons disappear. Since you have changed quite a bit in the script, I couldn't figure out where the problem was. However, I guess that it is just a little problem with changed paths - like I said  I'm a noob...;-)
FlipOut69 Featured By Owner Edited Nov 10, 2014  Hobbyist General Artist
right-click on the image buttons panel -> configure. here's the default script I used on Jam :

var artist = encodeURIComponent(p.eval("%artist%"));
var title = encodeURIComponent(p.eval("%title%"));
var google = "" + artist;
var lastfm = "" + artist;
var youtube = "…" + artist;
var soundcloud = "" + artist;
var grooveshark = "!/search?q=" + artist;
var allmusic = "" + artist;
var reverbnation = "…" + artist;
var wikipedia = "…" + artist;
var wh = window.Height;

b.buttons = {
google: new button(1, 1, 30, 30, {normal: "w_google.png", hover: "w_google_h.png"}, function() { p.browser(google); }, google),
lastfm: new button(36, 1, 30, 30, {normal: "w_lastfm.png", hover: "w_lastfm_hh.png"}, function() { p.browser(lastfm); }, lastfm),
youtube: new button(71, 1, 30, 30, {normal: "w_youtube.png", hover: "w_youtube_h.png"}, function() { p.browser(youtube); }, youtube),
soundcloud: new button(106, 1, 30, 30, {normal: "w_soundcloud.png", hover: "w_soundcloud_h.png"}, function() { p.browser(soundcloud); }, soundcloud),
grooveshark: new button(141, 1, 30, 30, {normal: "w_grooveshark.png", hover: "w_grooveshark_h.png"}, function() { p.browser(grooveshark); }, grooveshark),
allmusic: new button(176, 1, 30, 30, {normal: "w_allmusic.png", hover: "w_allmusic_h.png"}, function() { p.browser(allmusic); }, allmusic),
reverbnation: new button(211, 1, 30, 30, {normal: "w_reverbnation.png", hover: "w_reverbnation_h.png"}, function() { p.browser(reverbnation); }, reverbnation),
wikipedia: new button(246, 1, 30, 30, {normal: "w_wikipedia.png", hover: "w_wikipedia_h.png"}, function() { p.browser(wikipedia); }, wikipedia),

Good luck :)
Add a Comment: