HOME | DD

Br3tt — JSPlaylist

#foobar2000 #jscript #panel #playlist #viewer #wsh #falstaff #br3tt
Published: 2015-01-26 22:00:22 +0000 UTC; Views: 113400; Favourites: 120; Downloads: 10918
Redirect to original
Description a new jscript for WSH PANEL MOD v1.5.6 or better

[Change Log]
 * 2015-01-26 at 23:00 (GMT+1) : 1.0.0 >> Initial release
 * ...
 * 2015-02-20 at 21:20 (GMT+1) : 1.2.8 >> auto-collpase engine fixed, validated with beta testing (thanx to du22y and marc2k3), and bugs fixed when sending tracks from a library panel (brought with v1.2.7) + CRTL+T to toggle columns toolbar + CTRL+I to toogle Information panel (topbar) + type what your search now binded with group by pattern (not only artist by default)
 * 2015-02-26 at 19:15 (GMT+1) : 1.3.0 >> now you can choose default groups status (collapsed/expanded) per group pattern + scroll touch control option added + many bugs fixed especially one that make crash panel on expanding groups in some case + now you can draw part of column text (TF) with different colors, $rgb(r,g,) function support added + misc changes and optimizations
 * 2015-02-27 at 17:30 (GMT+1) : 1.3.1 >> touch screen behaviour updated, now the track selection do not change while scrolling the list + font size increased in group headers
 * 2015-03-05 at 07:27 (GMT+1) : 1.3.2 >> drag'n drop enhanced, now when you drag tracks from the system to the current playlist (or to one in the playlist manager panel if it's opened) and you can insert the items where you want + added Crop action in selection contect menu + added 2 properties to set the alpha of selected track background and rectangle of the focused track + fixed a bug in Panel Settings when touch screen control activated + fixed a bug for default mode collapsed/expanded + misc. changes in playlist manager panel + minor bugs fixing
[/Change Log]

[Features]
 * Groups (collpase or expand, add extra lines, ...)
 * Custom Group By patterns with Playlist Filter feature like in ELPlaylist
 * Custom Panel Colors
 * Pseudo Smooth Scrolling
 * Arrange columns as you want, create custom columns with titleformatting and specific color
 * Playlist Header at Top (can be disabled)
 * Wallpaper as background supported (including a new blur effect)
 * Playlist Manager collapsable panel
 * Built in Settings Panel (still some minor parameter to edit in Properties of the panel)
 * Sort by clicking column header
 * Windows scaling compliant (dpi)
 * Playback statistics Engine (update file tags, now asynchronously on tracks ending)
 * ... and more!
[/Features]

[Requirements]
 * foobar2000 v1.1 or better >> www.foobar2000.org
 * WSH panel Mod v1.5.6 or better >> code.google.com/p/foo-wsh-pane…
 * Windows fonts : WingDings 1, 2 & 3
[/Requirements]

[Options]

 * Font guifx v2 transports >> blog.guifx.com/2009/04/02/guif…
[/Options]

[Installation]
 * disable "Safe Mode" option in WSH Panel Mod preferences (menu File>Preferences>Tools>WSH Panel Mod)
 * copy "wsh_br3tt" folder into your foobar2000 Profile folder (it only contains the jsplaylist subfolder)
 * import/paste the main JSPlaylist script into a WSH Panel Mod instance of your foobar2000 layout (DUI or CUI)
 * Important: for any Y major update of my scripts (where Y is 2nd number version => x.Y.z), replace the whole folder "wsh_br3tt\jsplaylist\" each time
   and Clear the WSH 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
 * Use Jscript9 engine (if supported by your system) for better performances (known issue: high %cpu on mouse move with older Windows 8.0 versions, in this case prefer Jscript engine)
 * Change colors and fonts in foobar2000 Preferences > DefaultUI or ColumsUI
 * Some minor settings can be changed in window Properties (right click on a playlist item > Settings...), use it carefully! main settings are now built in the panel with a graphic interface
 * Left click on a column header to sort the playlist on this field
 * Right click on the columns toolbar to edit Columns and Groups layout and features
 * Use Keyboard for searching 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
 * TAB key or Middle Click to toggle the Playlist Manager
 * CTRL+T to toggle the columns toolbar
 * CTRL+I to toggle the top Info panel
 * Hold CTRL + Mouse Wheel to scale elements (useful for 'retina' screens)
 * F2 key to rename active playlist in playlist manager panel
 * F5 key to refresh covers
 * Special fields handled in columns TF: %list_index%, %list_total%, %isplaying%
 * Special TF function to set specific color for the text that follows it: $rgb(r,g,b) with r,g,b as decimal values [0;255]
    do not use $rgb(,r,g,b) in a test condition compare but always for the result part (then or else):
    ==> this don't work: $if($rgb(0,0,0)%title%,%title%,,)
    ==> but this does: $if(%title%,$rgb(0,0,0)%title%,,)
 * Playlist Filter Group patterns: Set a group by pattern to a playlist thru Groups settings tab or by right clicking playlist manager item
 * ... etc
[/Tips]


feedback is always very welcome, too, so i count on you!

Cheers!

Br3tt
Related content
Comments: 407

vieuxroyal [2022-04-29 22:45:51 +0000 UTC]

👍: 0 ⏩: 0

jeff88115500 [2021-03-12 17:19:46 +0000 UTC]

👍: 0 ⏩: 0

Danielbleker [2019-04-07 13:37:38 +0000 UTC]

I followed the steps and got this error:

Runtime-fout Microsoft JScript:
Overloop
Ln: 2820, Col: 5

Line 2820 in  the script states:
g_font_playicon = gdi.Font("wingdings 3", Math.floor(zoom(17, g_dpi)), 0);

Anyone knows how to solve this?

👍: 0 ⏩: 0

TIKILORD99 [2018-08-11 00:33:12 +0000 UTC]

Is there a way to remove white border around album art in the playlist?

👍: 1 ⏩: 0

CinosTAS [2017-04-05 00:21:08 +0000 UTC]

Hi there; every time I try to install this I get this message in the console:

User Interface initialized in: 0:00.055787
Startup time : 0:00.110138
Error: WSH Panel Mod (JSPlaylist v1.3.2 by Br3tt aka Falstaff >> br3tt.deviantart.com ): Parsing file "D:\Program Files\Foobar2000\wsh_br3tt\jsplaylist\js\WSHcommon.js": Failed to load
Error: WSH Panel Mod (JSPlaylist v1.3.2 by Br3tt aka Falstaff >> br3tt.deviantart.com ): Parsing file "D:\Program Files\Foobar2000\wsh_br3tt\jsplaylist\js\WSHinputbox.js": Failed to load
Error: WSH Panel Mod (JSPlaylist v1.3.2 by Br3tt aka Falstaff >> br3tt.deviantart.com ): Parsing file "D:\Program Files\Foobar2000\wsh_br3tt\jsplaylist\js\WSHtopbar.js": Failed to load
Error: WSH Panel Mod (JSPlaylist v1.3.2 by Br3tt aka Falstaff >> br3tt.deviantart.com ): Parsing file "D:\Program Files\Foobar2000\wsh_br3tt\jsplaylist\js\WSHscrollbar.js": Failed to load
Error: WSH Panel Mod (JSPlaylist v1.3.2 by Br3tt aka Falstaff >> br3tt.deviantart.com ): Parsing file "D:\Program Files\Foobar2000\wsh_br3tt\jsplaylist\js\WSHheaderbar.js": Failed to load
Error: WSH Panel Mod (JSPlaylist v1.3.2 by Br3tt aka Falstaff >> br3tt.deviantart.com ): Parsing file "D:\Program Files\Foobar2000\wsh_br3tt\jsplaylist\js\WSHplaylist.js": Failed to load
Error: WSH Panel Mod (JSPlaylist v1.3.2 by Br3tt aka Falstaff >> br3tt.deviantart.com ): Parsing file "D:\Program Files\Foobar2000\wsh_br3tt\jsplaylist\js\WSHplaylistmanager.js": Failed to load
Error: WSH Panel Mod (JSPlaylist v1.3.2 by Br3tt aka Falstaff >> br3tt.deviantart.com ): Parsing file "D:\Program Files\Foobar2000\wsh_br3tt\jsplaylist\js\WSHsettings.js": Failed to load
Error: WSH Panel Mod (JSPlaylist v1.3.2 by Br3tt aka Falstaff >> br3tt.deviantart.com ): Microsoft JScript runtime error:
'DT_LEFT' is undefined
File:


Ln: 78, Col: 1

Any ideas as to what I'm doing wrong? This happens no matter which of the 3 script engines I use, and I haven't messed with the pseudo transparent or delay load functions. I've also tried a fresh portable install, but I've only taken one semester of Python, so I have no clue what's going on with this script. Please send help.

👍: 0 ⏩: 2

luckano In reply to CinosTAS [2017-05-26 11:14:00 +0000 UTC]

look here

github.com/19379/JS-Smooth-Scr…

👍: 0 ⏩: 0

Br3tt In reply to CinosTAS [2017-04-08 07:25:38 +0000 UTC]

maybe folder that contains .js files is not at its right location. Is "D:\Program Files\Foobar2000\wsh_br3tt\jsplaylist\js\" this folder exists ? if not you haven't extract it to the right location.

👍: 0 ⏩: 0

Jorchking [2016-11-05 02:07:30 +0000 UTC]

I'm too noob installing this, can someone do a video tutorial or a detailed installation guide?

👍: 0 ⏩: 0

taurhel [2016-07-05 22:26:29 +0000 UTC]

Hi! I'm trying to configure flat playlist.
I want to disable grouping but after adding Cover column the overall look becomes strange. It displays cover for each track individually and not for the album once. Is it possible to combine cover images?
It is a very good playlist script. Thank you!

👍: 0 ⏩: 0

2tec [2016-04-28 15:00:25 +0000 UTC]

Awesome, thank you!

👍: 0 ⏩: 0

alibalicou [2016-01-29 18:06:35 +0000 UTC]

It work really fine.
Thanks for this good script.

(One "standard" and missing feature is the ability to reorder tracks by drag'N'drop.)

👍: 0 ⏩: 1

Br3tt In reply to alibalicou [2016-01-30 09:09:15 +0000 UTC]

"ability to reorder tracks by drag'N'drop."

it does

👍: 0 ⏩: 0

Haitime [2016-01-22 09:21:16 +0000 UTC]

Two quick questions, if you have a spare moment:

- Is it possible to set a JSPlaylist panel to always follow the Now Playing playlist (aka Selection (playing)), or any other specific playlist? One would make an excellent Now Playing panel, and would replace what I'm currently using.

- Is there a way to configure the find-as-you-type search to find tracks rather than artist names? Since there isn't a regular find function it would be super useful.

Thanks for the superb UI  

👍: 0 ⏩: 0

Misdelivered [2016-01-16 18:56:05 +0000 UTC]

Can you please tell me how to assign middle click to 'add to queue'? Thanks

👍: 0 ⏩: 1

Misdelivered In reply to Misdelivered [2016-01-17 08:25:29 +0000 UTC]

Welp and please - I have a buttons panel with things like 'find album art'/'item properties' but the buttons don't work with this playlist for some reason. It's like JS doesn't let foobar know which items are currently selected, is there a workaround for this?

// I think this is fixed by changing buttons from active selection to current playlist selection, nvm.

👍: 0 ⏩: 0

jesseowc [2015-12-05 03:42:49 +0000 UTC]

I am so impressed by this script!
Thank you!

👍: 0 ⏩: 0

Starfoxfs [2015-11-29 10:13:20 +0000 UTC]

After paste the code to WSH Panel my Screen is blank what´s wrong ?

I go to Layout Editing Mode, Replace UI Element, Select WSH Panel, Select Tools and Imported Script.

👍: 0 ⏩: 1

Br3tt In reply to Starfoxfs [2015-11-29 10:53:10 +0000 UTC]

maybe wsh_br3tt folder not placed in the right place !? read installation notes again and check it

👍: 0 ⏩: 1

Starfoxfs In reply to Br3tt [2015-11-29 14:05:59 +0000 UTC]

Hmm,

i have portable Version of Foobar 1.3.9 installed.

At Perferences i disabled Safe_mode at WSH Panel Mod.

I placed the folder wsh_br3tt to Foobar directory and imported the jsplaylist main.txt to WSH Panel Mod.

Are this correct ?

After this it works but i have no color´s or images all White and Text are black.

👍: 0 ⏩: 0

PhenixMightheart [2015-11-27 13:32:34 +0000 UTC]

Can u plz give me your foobar folder plz i know you cant do that and i already know the answer but plzz 
thanxxx

👍: 0 ⏩: 0

Fizbin69 [2015-10-17 06:59:23 +0000 UTC]

If anyone wants to change the color of the Rating stars (I find yellow to be very obnoxious ) open the WSHplaylist.js file and goto line 252.

Replace: 

this.rating_color = ratingArray[1];

With: (for example)

this.rating_color = RGBA(0,0,255,255);

The last value controls the brightness.

👍: 0 ⏩: 1

Punkpkin In reply to Fizbin69 [2015-10-24 00:13:17 +0000 UTC]

thanks

👍: 0 ⏩: 0

Fizbin69 [2015-10-13 12:11:39 +0000 UTC]

The Title column seems to be joined at the hip to the column to the left of it.  I'd like to get Title in the middle with the numbers further off to the left. Is there a way to do that without sandwiching them between another column?

👍: 0 ⏩: 1

Fizbin69 In reply to Fizbin69 [2015-10-16 12:06:02 +0000 UTC]

I guess what I can do is put the state column between the Title and Numbers. Seems to work ok.

👍: 0 ⏩: 1

Misdelivered In reply to Fizbin69 [2016-01-17 10:00:24 +0000 UTC]

some nice fixes thanks man

👍: 0 ⏩: 0

BlastDesign [2015-10-09 20:56:06 +0000 UTC]

Anyway to change font and make it list by album instead of album artist?

👍: 0 ⏩: 1

Br3tt In reply to BlastDesign [2015-10-10 07:02:57 +0000 UTC]

in settings of the panel you can change everything, group order pattern (titleformatting) sort order, playlist filter ....
for the font, go to foobar2000 Preferences...

👍: 0 ⏩: 0

Punkpkin [2015-10-05 02:20:06 +0000 UTC]

wow this is really good improved a lot since i last used it love the playlist tab feature!!! only one question how can i display 10 stars for ratings?

👍: 0 ⏩: 1

Br3tt In reply to Punkpkin [2015-10-05 06:14:54 +0000 UTC]

thanks. only 5 stars are supported, if you want more, you'll have to edit the script to make it as you wish.

👍: 0 ⏩: 0

Fizbin69 [2015-09-28 07:06:00 +0000 UTC]

Greetings! I love your script, it works great with Darkone V4. I was wondering if there is any way to change the brightness of the little cover-art 'thumbnail' images.

For example, Darkone's Cover Panel script has a line: var g_fade = 255. I lowered the brightness by changing it to 220. I was wondering if your script has something similar to that.

Thanks! 

👍: 0 ⏩: 1

Fizbin69 In reply to Fizbin69 [2015-10-13 23:26:26 +0000 UTC]

To answer my own question... (And for those who have sensitive eyes like me and want darker cover images)

In the WSHPlaylist.js file, goto line 555 and add: var g_fade = xxx; (xxx being a number between 0 to 255...I set mine to 220). This line is blank so it's easy to add this in.

Then in line 562, you replace the existing line with this:

gr.DrawImage(this.cover_img, cv_x, cv_y, cv_w, cv_h, 0, 0, this.cover_img.Width, this.cover_img.Height, 0, Math.abs(g_fade));

Then goto line 754 and apply the same changes there.

Honestly, I don't know how this works. It doesn't even have to be assigned g_fade. You can make it e_gade and it still works.  Maybe this only works within Darkone? Not sure.

Also...

If you want to change the color of the border around the cover image, goto line 564 and change RGB(255,255,255) to whatever. If you don't want a border, just put 0,0,0.

👍: 0 ⏩: 0

F1ubu [2015-09-26 15:17:16 +0000 UTC]

Need Help

Error: WSH Panel Mod (JSPlaylist v1.3.2 by Br3tt aka Falstaff >> br3tt.deviantart.com ): Microsoft JScript - błąd czasu wykonywania:
Serwer automatyzacji nie może utworzyć obiektu.
File: C:\Users\F1uBu\AppData\Roaming\foobar2000\wsh_br3tt\jsplaylist\js\WSHinputbox.js
Ln: 5, Col: 1

👍: 0 ⏩: 1

Br3tt In reply to F1ubu [2015-09-26 18:48:39 +0000 UTC]

does default WSH Panel Mod script(s) works ?

👍: 0 ⏩: 1

F1ubu In reply to Br3tt [2015-09-27 11:06:42 +0000 UTC]

Yes.

Components loaded in: 0:00.034754
No main configuration file found.
No theme file found.
Configuration read in: 0:00.001299
Watching: C:\Users\F1uBu\Music
Watching: C:\Users\Public\Music
User Interface initialized in: 0:00.035298
Startup time : 0:00.200042
Watching: C:\Users\F1uBu\Music
Watching: C:\Users\Public\Music
WSH Panel Mod ({DBEABB4E-15D7-4DD4-99AE-346EEC97DA1F}): initialized in 43 ms

👍: 0 ⏩: 1

Br3tt In reply to F1ubu [2015-09-27 12:39:58 +0000 UTC]

it seems your system do not support activeX components or something like that. Can't help you more than google will. Sorry.

👍: 0 ⏩: 1

F1ubu In reply to Br3tt [2015-09-27 15:23:39 +0000 UTC]

OK Thanks.

👍: 0 ⏩: 0

emdblues [2015-08-17 12:43:52 +0000 UTC]

hi brett. I did everything like in that yt link that u posted and I get this message every time:
Scripting Engine Initialization Failed (JSPlaylist v1.3.2 by Br3tt aka Falstaff >> br3tt.deviantart.com , CODE: 0x80020101)
Check the console for more information (Always caused by unexcepted script error).

what should I do?

👍: 0 ⏩: 1

Br3tt In reply to emdblues [2015-08-17 16:06:07 +0000 UTC]

Check the console for more information (menu View > Console)
and report me the console lines that explain the error encountered, with the number line in error.

👍: 0 ⏩: 1

emdblues In reply to Br3tt [2015-08-18 10:38:22 +0000 UTC]

is this it? www.sendspace.com/file/5969yx

👍: 0 ⏩: 1

Br3tt In reply to emdblues [2015-08-19 16:55:19 +0000 UTC]

yes, can't you read it and fix the Errors ? it seems thaht all the .js files searched in "C:\Users\dino\AppData\Roaming\foobar2000\wsh_br3tt\jsplaylist\js\" are missing, maybe you haven't extract the wsh_br3tt folder in the user profile for foobar2000 as it should ? check that point, read again installation notes and if you don't understand this point, i can't help anymore, but you will get it, i'm sure

👍: 0 ⏩: 1

emdblues In reply to Br3tt [2015-08-28 11:21:44 +0000 UTC]

I did it by I thought it will immediately look like it should.

what should I do now?

👍: 0 ⏩: 1

Fizbin69 In reply to emdblues [2015-10-05 13:01:38 +0000 UTC]

I can get this same error if I have Safe Mode checked in WSH Panel Mod. Is yours unchecked?

👍: 0 ⏩: 0

robg82 [2015-08-02 10:15:19 +0000 UTC]

Hi Br3tt,
Could you please explain step 3 of the installation, about "a WSH Panel Mod instance of your foobar2000 layout"? Where do I find that? I am looking in Preferences -> Display -> Columns UI and Default User Interface.
Cheers,
Robert

👍: 0 ⏩: 1

Br3tt In reply to robg82 [2015-08-02 10:28:18 +0000 UTC]

this vid may help you to understand what a WSH Panel is and how to paste the script in it, HTH
youtu.be/vzY2fqVXA0U

👍: 0 ⏩: 1

robg82 In reply to Br3tt [2015-08-08 08:23:12 +0000 UTC]

Hey thanks! It seems to work.

The result is different though than in your screenshot. Not dark but bright. And around your design, there are still the default menu bar, buttons, spectrum and seekbar.

The album art keeps reloading as I scroll back and forth through the Media Library tab.

👍: 0 ⏩: 0

chimaychanga [2015-07-26 21:38:37 +0000 UTC]

Salut Br3tt
Can you please tell me how to organize albums in year release ?
Merci

👍: 0 ⏩: 0

MacOSXArgon [2015-07-02 19:11:31 +0000 UTC]

I can't import main script. Just nothing happens..

👍: 0 ⏩: 0

Jokanok [2015-06-15 23:48:56 +0000 UTC]

Hi
I am presently using DUITunes. Is this playlist compatible with DUITunes.
I am new to foobar. So please forgive if this is a really dumb question.

👍: 0 ⏩: 2

Br3tt In reply to Jokanok [2015-06-16 16:21:37 +0000 UTC]

you can use it but some feature like'Show ttrack in album list' will  be lost

👍: 0 ⏩: 1

Jokanok In reply to Br3tt [2015-06-16 19:21:30 +0000 UTC]

Hi Br3tt

In the meantime I managed to get JSPlaylist installed within DUITunes. 
I will stick with the playlist of DUITunes because when I install JSPlaylist I loose the option of switching between the albumlist and the playlist. I will await and hope for some upgrades of DUITunes instead.
I have posted a request/question on your page regarding DUITunes. Will you look into it?
Thanks a lot for answering and please allow me to express my gratitute for developing DUITunes.

👍: 0 ⏩: 0


| Next =>