Shop Forum More Submit  Join Login
JS Smooth Playlist by Br3tt JS Smooth Playlist by Br3tt
a jscript for the component "JScript Panel" v1.0.0 or better

[Change Log]
 * 2015-11-10 at 12:00 (GMT+1) : 0.9.0 >> Initial beta release version (for the new component JScript panel 1.0.0)
 * 2015-11-10 at 13:45 (GMT+1) : 0.9.1 >> cover size wasn't refreshed on zoom in/out with mouse wheel, now fixed
 * 2015-11-15 at 10:35 (GMT+1) : 0.9.2 >> added drag'n drop files support + bugs fixing
[/Change Log]

[Features]
 * Groups (collpase or expand, add extra lines, ...)
 * True Smooth Scrolling
 * Screen Touch support
 * "in track" rating system
 * Playlist Header at Top (can be hidden with CTRL+T)
 * Vertical Scrollbar (can be hidden with CTRL+B)
 * Custom or Cover art Wallpaper as background supported (including a blur effect)
 * Collapsable playlists panel to easily drag'n drop tracks to a another playlist
 * Windows scaling compliant (you can adjust zoom size in real time with CTRL+mousewheel)
 * Custom Panel Colors (in Properties window)
 * ... and more!
[/Features]

[Requirements]
 * Windows Vista, 7, 8 or 10
 * foobar2000 v1.3 or better >> www.foobar2000.org
 * component "JScript Panel" 1.0.0 or better >> github.com/19379/foo-jscript-p…
[/Requirements]

[Options]
 * Font guifx v2 transports, to get better stars for rating >> blog.guifx.com/2009/04/02/guif…
[/Options]

[Installation]
 * copy folder "js_br3tt" into your foobar2000 Profile folder (it contains the "jssp" subfolder)
 * import/paste the main script into a "JScript Panel" instance of your foobar2000 layout (DUI or CUI)
 * Important: for any update of my scripts, replace the whole folder "js_br3tt\jssp\" each time
   and Clear the panel properties (hold SHIFT key + Right-click > Properties > "Clear" button > "OK" button)
[/Installation]

[Tips]
 * Hold SHIFT key + right click to display Configure script and panel Properties entries
 * Always use Jscript9 engine for better performances (choice is to be made when you open the "Configure..." window from a JScript Panel instance (right click)
 * Change colors and fonts in foobar2000 Preferences > DefaultUI or ColumsUI
 * Some minor settings can be changed in window Properties (SHIFT + right click > Properties), use it carefully
 * Use Keyboard for "jumping" to an artist in the playlist (incremental search feature like in ELPlaylist) or to navigate in playlist
 * Right Click on items for contextual menu for the selection
 * CTRL+T to toggle the columns toolbar
 * CTRL+B to toggle the scrollbar
 * Hold CTRL + Mouse Wheel to scale elements (useful for 'retina' screens)
 * Hold SHIFT + Mouse Wheel to scale group header and so the cover art size
 * F3 key to show now playing track
 * F5 key to refresh covers
 * ... etc
[/Tips]

Thanks by advance for bugs report and feedback :)
Add a Comment:
 
:iconseriousstas:
seriousstas Featured By Owner Nov 25, 2017  Student
Br3tt
Are you planning to create a new playlist based on the latest JScript Panel versions?
Reply
:iconguardianangel72:
Great list, very clean and really helping breathe life into my personal layout.  I'm having an issue however where multi-disc albums are being split into new entries for each disc.  Is there a line in the code I can adjust to tweak this behavior?
Reply
:iconstarise:
starise Featured By Owner May 3, 2017  Professional Interface Designer
Very nice! :) What kind of stuff are in the "Now Playing" and "Queue" tabs?
I mean, it's part of this script or something else?
Reply
:iconsasalasa:
sasalasa Featured By Owner Apr 30, 2017
Hi, may I ask a question about error? 

JScript Panel (JS Smooth Playlist v20151114-1630-540 by Br3tt aka Falstaff >> br3tt.deviantart.com)
JavaScript compile error:
syntax error
File: C:\Users\sang9\AppData\Roaming\foobar2000\js_br3tt\jssp\js\JScommon.js
Line: 540, Col: 8
   }; else {

What can I do?
Reply
:iconbr3tt:
Br3tt Featured By Owner May 2, 2017  Hobbyist Interface Designer
in the script, replace all }; with only }
it's due to new version of JScript Panel that do not accept anymore this syntax.

HTH
Reply
:iconsasalasa:
sasalasa Featured By Owner Edited May 3, 2017
Thank you for reply!. may I ask one more question?
I am also using your JSPlaylist. It's very good too. and I think that JSPlaylist has one more feature than JS smooth.
when I  do 'add to playback queue' in JSPlaylis, playlist named "Queue Content" is automatically made. but not in the JS smooth.
Is this a unique feature of JSPlaylist? I hope that JS smooth has that function.
Reply
:iconsasalasa:
sasalasa Featured By Owner May 2, 2017
Thank you very much!!!
Reply
:iconjahwise:
jahwise Featured By Owner Feb 5, 2017
Is there any way to get rid of the white border on the cover ?
Reply
:iconalwaysbeta:
alwaysbeta Featured By Owner Dec 5, 2016
Can you add support for "Prefences>Display>Selection viewers"? For 'Album Art Viewer' or 'Selection Properties' Element...
Reply
:iconangelus-novus:
angelus-novus Featured By Owner Nov 16, 2016
hi dude, may i ask you how can i add a string to show disc number in playlist album header?
Reply
:iconseriousstas:
seriousstas Featured By Owner Sep 20, 2016  Student
Does not work on resistive touch panels (on capacitive multitouch - no problem):
See video: youtu.be/o9YZJwGwx80
And please do sorting/grouping selection .
Also, please return "mood" ,look - it was the beginning ..
Reply
:iconbr3tt:
Br3tt Featured By Owner Sep 21, 2016  Hobbyist Interface Designer
i won't be fixed for resistive screen
Reply
:iconseriousstas:
seriousstas Featured By Owner Edited Oct 31, 2016  Student
There were also problems with caching images (> 500x500) on low-end PCs.
I have already made changes to resistive screen.
The script will send in Your PM (Scroll Setup)

also I have done, badly needed - sort 'by folders'
Reply
:iconbr3tt:
Br3tt Featured By Owner Nov 1, 2016  Hobbyist Interface Designer
what kind of problem for large images ?
Reply
:iconseriousstas:
seriousstas Featured By Owner Edited Nov 1, 2016  Student
When scrolling has appreciable freezes, sticking.
Tests on different PCs.
After sticking to scroll trying to catch up
Reply
:iconalwaysbeta:
alwaysbeta Featured By Owner Edited May 21, 2016
At the time of the next update, Displays the name of the album for stream as Stream ( or Unknown Album )? Like JSP. Or all streaming into a group, like Image 1(a.pomf.cat/vxbqia.png) or Image 2(a.pomf.cat/njrisl.png). Because current JSSP show is a mess.(a.pomf.cat/kyquwc.png)
Reply
:icontakuskan:
TakuSkan Featured By Owner Edited May 10, 2016
This has been preventing Foobar2000 from fully shutting down in Windows 10 Br3tt.  After a few weeks I finally got around to removing panels 1 by 1 until I found this was the culprit. No problem in Windows 7 though.
Reply
:iconbr3tt:
Br3tt Featured By Owner May 11, 2016  Hobbyist Interface Designer
Hi, i'm using it under Windows 10 since many month and i never encountered a such issue. Without more information about what happen and when exactly, and Jscript Panel version used and script version used and without a console log or crash report, i can not help at all
Reply
:icontakuskan:
TakuSkan Featured By Owner Edited May 12, 2016
Thanks so very much for replying Br3tt.  I just did extensive testing before replying here.  I found that FB2K with Smooth Playlist (SP) >does< fully shut down in Windows 10 as long as there are not any marc2003 jscript v4.0 panels configured.  It doesn't fully shut down when a SP panel is present along with any 1 of the 3 marc2003 panels listed below.

FB2K does not crash, and its console shows nothing unusual (I will send you the log in DA note).  I have to 'end task' on FB2K in Task Manager in order to restart it, and it starts normally without complaining. I have also confirmed that a duplicate copy of the portable FB2K build will shut down properly in Windows 7.

It's interesting that if no tracks are played after FB2K is started, it will fully shut down properly.

However I am having an unrelated problem with SP in a simple build with just 2 panels configured: SP and Playlist Switcher.  I have a >very< old 'Various Tracks' mp3 folder with a lot of files that lack album tags.  The cover art files in my library are named from the %album% tag, and they are stored in each album folder.  In this folder there are several %album%.jpg cover art files.  The problem starts when I select this 'Various Tracks' playlist.  SP scans & chooses the 1st art jpg in the folder in lowest alphabetical order a-z.  It then creates thumbnail files for every one of those mp3s that lacks an album tag.  If I then tag the mp3 properly and add the corresponding %album%.jpg art file to the folder, SP doesn't change the thumbnail it displays to match.  In fact I can find no way to change a thumbnail for 1 single track in SP without having to delete the entire \imgcache folder.

During my tests today I did see a connection between SP and marc2003's jscripts.  His Album Art Downloader panel will notice the thumbnail SP creates for mp3s lacking album tags.  And then like SP, his panel will then display that art for every track in the playlist that lacks that tag.  Also if I close FB2K, and then try to delete the entire \wsh_data\artists folder before ending task on FB2K, some sub-folders will delete, but some remain until FB2K is fully shut down.

Here is my setup:

Foobar2000 v1.3.9
foo-jscript-panel v1.1.4
JS Smooth Browser version "20151114-1630-340"
js_marc2003-v4.0
 * Now playing (basic) script
 * Thumbs script
 * Last.fm Album Art Downloader script (latest marc posted on Hydrogenaud.io)
PC: Windows 7 b7601 SP1
Notebook: Windows 10 v1511 b10586.318
Notebook: Windows 10 v1507 b10240 <- Recently upgraded from this
Reply
:iconbr3tt:
Br3tt Featured By Owner May 12, 2016  Hobbyist Interface Designer
Thanks for the fully detailled rport, this sentence is interesting "During my tests today I did see a connection between SP and marc2003's jscripts.  His Album Art Downloader panel will notice the thumbnail SP creates for mp3s lacking album tags"

issue is when SP is used with marc script, so something is badly interact in SP (or in marc script) ...

i'll give it a look asap

Regards
Reply
:icontakuskan:
TakuSkan Featured By Owner Edited May 14, 2016
Have resolved the problem with foobar not fully shutting down in Windows 10 Br3tt. 

hydrogenaud.io/index.php?PHPSE…

I also removed all the thumbnail naming patterns in the SP panel properties and set just %album%.*. That seems to have resolved the problem I was having with SP selecting the wrong jpgs to make thumbs from.  It would still be nice to be able to remove and / or replace individual thumbnails instead of having to delete the entire cache folder and start over. Tho' the script is pretty quick. :)
Reply
:icontakuskan:
TakuSkan Featured By Owner Edited May 14, 2016
Looks like marc's and your scripts are not interacting Br3tt.  They're just doing the same thing. They are both choosing 1 jpg among many in the folder to display cover art for every mp3 in the folder that lacks an album tag.  This is a very old and very neglected group of unrelated music files, the oldest dating back to 2002.  Think I put poor marc through more time and effort than it may have been worth in this hydrogen thread:
hydrogenaud.io/index.php/topic…
Reply
:icontakuskan:
TakuSkan Featured By Owner May 13, 2016
Thanks. Have made marc aware of this too Br3tt.
Reply
:iconsupermagicom:
SuperMagicom Featured By Owner Apr 28, 2016
Can I change the double click action to add track to the Queue instead of Play?
Reply
:icontakuskan:
TakuSkan Featured By Owner Edited May 12, 2016
That'd be a cool function.
Reply
:iconsupermagicom:
SuperMagicom Featured By Owner Edited Jun 1, 2016
The older (non smooth) JS Playlist component had a setting to change the double click action from play to enqueue.  It looks like there is a similar setting in this one but it doesn't do anything.
Reply
:icondevilhood:
devilhood Featured By Owner Mar 8, 2016  Professional General Artist
This is a really great looking theme, but sadly it does not have any basic sorting capabilities. I've had to revert back to using the default foobar theme because it is not possible to keep my playlists properly organised. I look forward to the next update Br3tt, because you've done great work here.. it just needs some final touches before it becomes a viable replacement.
Reply
:iconbwer1233:
bwer1233 Featured By Owner Edited Mar 4, 2016
This is great! Jscript panel seems to be a whole lot easier to manage from a users perspective than WSH as well, making me even more excited to see you moving this style of playlist over! Quick question though. What part of the script is handling playlist sorting. Right now without looking at the script it APPEARS you are calling an if/then to make the playlist sort by album, and then follow additional sub rules to also break it up by artist. I want to eliminate these sub sorting rules and have it all ONLY sort by album (so no matter what is in the artist/albumartist/composer/etc tags it still only shows you ONE album.) I'm gonna take a wild guess and say lines 16-22 are handling the sorting rules, I'm just going to post this here anyway for you to either validate my assumptions or point me in the right direction. Seems as though my best bet would be to just change these values and watch what happens. Process of elimination is a great learning tool! (since I do have a basic understanding of this I should be able to make these changes without breaking the script and having to start over!)

EDIT: I know, I was wrong! I WILL find this! I feel like I'm missing something PAINFULLY obvious.....
Reply
:iconrevo1973:
revo1973 Featured By Owner Feb 19, 2016
Hi Br3tt,

are you going to add all (possible) functions that you had in your WSH version of JSPlaylist?
For example custom columns?
Reply
:iconarnie77:
Arnie77 Featured By Owner Edited Jan 9, 2016
Is the  JScript panel the new or the better WHS Pannel Mod ?
Nice Work !
Only 5285 Lines of Code :-)
Keep on Your good work.
RESPECT
Reply
:iconbr3tt:
Br3tt Featured By Owner Jan 10, 2016  Hobbyist Interface Designer
thanks Arnie
Reply
:iconpunkpkin:
Punkpkin Featured By Owner Edited Dec 28, 2015
Could you tell me what part of the code do I have to change to remove the white margin on albums covers on JS Playlist? Thanks for your hard work...
Reply
:iconalwaysbeta:
alwaysbeta Featured By Owner Dec 28, 2015
Drag and drop a track into the middle of the album > click on the artist in JSSB > In JSSP, can not select all the tracks of the artist or the wrong choice.
137.12 KiBa.pomf.cat/opnpay.png     178.18 KiBa.pomf.cat/vxteya.png



Reply
:iconseriousstas:
seriousstas Featured By Owner Jan 12, 2016  Student
Need a sorting just as in JS Playlist. I hope Br3tt and in JS Smooth Playlist also add in JS Smooth Browser( Folder Structure Groups)

rghost.ru/7XGFW5f2S/image.png
Reply
:iconseriousstas:
seriousstas Featured By Owner Dec 22, 2015  Student
Please add smooth scrolling on JS Playlist
JS Playlist - Your best product!
Reply
:iconbr3tt:
Br3tt Featured By Owner Dec 24, 2015  Hobbyist Interface Designer
not possible
Reply
:icontheramblingsofaronin:
I'm experiencing an issue with this script and Columns UI when I'm attempting to place this within a playlist stack. When I unclick "show caption" in the Columns UI settings for that, the script disappears. It only happens if I happen to employ a second splitter besides what is used for the base.

imgur.com/a/sAthl
Reply
:iconsamithaj:
samithaj Featured By Owner Dec 17, 2015
Could you please make Collapsable playlists panel active via middle click (like in JSPlaylist)
to change the playlist quickly
I do love the your Playlist Manager but really miss this feature form JSPlaylist
(no need of other features only playlist changing would be real handy)
Reply
:iconbr3tt:
Br3tt Featured By Owner Dec 18, 2015  Hobbyist Interface Designer
no planned for now, i've other priorities to code before, and for now, i do not code at all, too busy
Reply
:iconalbmanzi:
albmanzi Featured By Owner Dec 1, 2015
i don't understand what mood is and where would it display if enabled and present as tag ....i'd like to customize it to display the genre instead as i often assign genres different from other tracks in the same album, any help pls? :) 
Reply
:iconskibbipl:
skibbipl Featured By Owner Nov 11, 2015
Filter seems to be broken. Entering anything causes my foobar UI to freeze and only restart helps.
Reply
:iconskibbipl:
skibbipl Featured By Owner Nov 12, 2015
Mystery solved. Somehow Auto DJ plugin (whis seems to be dead) is responsible for interface hangups. I had it on both foobar profiles.
Reply
:iconbr3tt:
Br3tt Featured By Owner Nov 11, 2015  Hobbyist Interface Designer
thank to give me more informations ... what kinf of playslist are you filtering (autoplaylist ? how many tracks ? what king of tracks ? what is the string entered in the filter box ? ....) thanx by advance
Reply
:iconskibbipl:
skibbipl Featured By Owner Nov 12, 2015
I checked on another foobar instance and I have exactly the same issue, so I guess it's related to the script itself. Here are the details:
I have a basic playlist with 193 entires. Those are few radioshows with cue files. I type a song name and foobar UI just freezes, but the music plays in the backgroud. It doesn't matter what I type: 1 letter or 10, the UI just freezes after I stop typing. The same issue I have when I search on a classic playlist with mp3 files. The filtering works fine with your playlist manager script or album list. Only the playlist itself is broken :(
I use latest foobar 1.3.9 on Windows 8.1/10 (with latest updates). Jscript Panel version is 1.0.1.
Reply
:iconbr3tt:
Br3tt Featured By Owner Nov 12, 2015  Hobbyist Interface Designer
i can't reproduce your issue on my 2 computers (on DefaultUI)

could you post a video capture of these weird behaviour to let me judge and maybe found a clue ?
Reply
:iconskibbipl:
skibbipl Featured By Owner Nov 12, 2015
I made a clean foobar profile with only JScript Panel and filter works fine. I'll try to narrow down if this issue is related to some of my installed foobar addons.
Reply
:iconbr3tt:
Br3tt Featured By Owner Nov 12, 2015  Hobbyist Interface Designer
ok, i'm interrested in the component not compliant with my script ;)
Reply
:iconalwaysbeta:
alwaysbeta Featured By Owner Nov 10, 2015
Mouse click area a.pomf.cat/nbysvi.png


Reply
Add a Comment:
 
×




Details

Submitted on
November 10, 2015
File Size
60.7 KB
Link
Thumb

Stats

Views
15,169 (1 today)
Favourites
51 (who?)
Comments
52
Downloads
2,196