Columns UI panel 64bit の履歴(No.41)

Columns UI foobar2000 v2.0 32bit/64bit†

Columns UI foobar2000 v2.0 32bit/64bit

↑

Waveform Minibar (mod)†

ファイル名: foo_wave_minibar_mod
URL

概要

v1.2.51 (2022-08-27) より foobar2000 v2.0 alpha 以降の 32bit/64bit 両方をサポートする。DUI CUI 共にサポートします。
foobar2000 v1.x シリーズ

↑

JScript Panel 3†

ファイル名: foo_jscript_panel3
URL

Download: https://github.com/marc2k3/jscript-panel/releases
Requirements & Installation: https://jscript-panel.github.io/docs/
JScript Panel 3 Changes: https://jscript-panel.github.io/docs/changes/
JScript Panel 3 3.0.xx (foo_jscript_panel3) は、foobar2000 1.6.6 - 1.6.xx 用です。
font:
- FontAwesome
- Design toolkits and samples for Windows apps - Fonts (Segoe UI, Segoe Fluent Icons ...) が必要
Full changelog
https://i.imgur.com/xRmfJEG.png v3.2.12 (2023-04-15) 標準で用意されている Samples Script
Gallery (Default Sample Script)

JScript Panel: https://hydrogenaud.io/index.php/topic,110499.0.html
JScript Panel script discussion/help: https://hydrogenaud.io/index.php/topic,110516.0.html

概要

v3.1.0-Beta.1 (2022-08-30) 以降 32bit 64bit をサポートする。v3 3.2.2 (2023-01-05)以降、foobar2000 2.0 Beta 18+、Columns UI 2.0.0 rc 1 が必要。
foobar2000 v1.xシリーズ JScript Panel 3, JScript Panel （JScript Panel3とJScript Panelは互換性がありません）
JScript Panel Configuration 画面を出して "Sample" Script を選択するには、下「Samples」をクリックします。
v3.1.0-Beta.2 では Sample Script に "Text Display" が加わりました。Text color/$rgb(r,g,b) が使用出来ます。カラーコードの一覧表
v3.1.2 (2022-09-23) から Sample Script/Text Display でバックグラウンドを選択出来る様になりました。画像は Album Art を選択しました。設定はパネル上を右クリックから。
- https://i.imgur.com/DqFPIOn.png
- https://i.imgur.com/x4wYbet.png (Sample Script: Thumbs, Last.fm Bio)
- https://i.imgur.com/ZEhVl4d.png (Sample Script: JSPlaylist + Dark Mode)
Columns UIで v3 3.1.7 (2022-10-22) 以降を使用する時は、"Columns UI 2.0.0-alpha.5 以降" が必要になります
Design toolkits and samples for Windows apps - Fonts (Segoe UI, Segoe Fluent Icons ...)
v3.1.9 追加 (Sample Script/Text Display) Text Display: Colours/Fonts
- size Supported values are 8 - 144.
- weight Default 400, 700 is bold. Supported values are 100 - 950.
- style Default 0. Use 1 for oblique or 2 for italic.
- underline Default 0. Use 1 to enable.
- strikethrough Default 0. Use 1 to enable.
Panel上右クリック > $rgb and $font explained
- 例: $font(name,size,weight,style,underline,strikethrough)$rgb(0,0,0) → $font(Yu Gothic UI,20,400,2,1,0)$rgb(255,192,203)[%artist%$crlf()]
- $font(), $rgb(): リセットテキストフォント、テキストカラー
  - https://i.imgur.com/bmQF8FA.png
- v3.1.11 (2022-10-30) でフォントサイズの選択、↓スクロール等の変更がありました。Panel上右クリック > Font Ssize > 10, 12, 14, 16 と選択出来ます。それ以外のフォントのカスタマイズは、$font(name,size,weight,style,underline,strikethrough)$rgb(0,0,0) → $font(Yu Gothic UI,20,400,2,1,0) などと入れます。
v3.2.25 new default title formatting pattern.
gallery/text-display/ Start画面: https://i.imgur.com/akcBrnP.png
- https://jscript-panel.github.io/gallery/text-display/
  $rgb(r,g,b) // only the 3 value variant is supported
  $rgb()
  $hsl(h,s,l) // only the 3 value variant is supported
  $hsl()
  $blend(colour1,colour2,part,total)
  $transition(string,colour1,colour2)
- 使い方
下の画像は、Artist だけにアクセントつけた Texst Display です。
- https://i.imgur.com/5hRA83q.png
- https://i.imgur.com/YPoSWX1.png
- Title Formatting - Playlist only fields %list_index%, %list_total% が使えます。
  $font(Yu Gothic UI,12,400,0,0,0)
  [%title%$crlf()]
  $font(Yu Gothic UI,16,600,2,1,0)$rgb(220,40,0)
  [%artist%$crlf()]
  $rgb()
  $font(Yu Gothic UI,12,400,0,0,0)
  [%album%$crlf()]
  [ '('%date%')'$crlf()]
  [Track Number: %tracknumber%][ / %totaltracks%]$crlf()
  [Index: %list_index% / ][%list_total%]$crlf()
  [File Created: $date(%file_created%)]
foobar2000 v2.1 preview 2023-06-05: すべてのコーデックの詳細名を適切に表示するために、標準で %codec_long% フィールドが追加された。例）%codec% Monkey's Audio, %codec_long% Monkey's Audio / High
Context menu > Per-second updates にチェックを入れれば動的表示が可能。例）[%playback_time% / ]%length%
- 追加 Technical information fields として
  [Playback Time: %playback_time% / ]%length%$crlf()
  [Codec: %codec_long%]$crlf()
  [Bitrate: %bitrate% Kbps]$crlf()
  [Samplerate: %samplerate% Hz]$crlf()
  [TrackGain: %replaygain_track_gain%]
- https://i.imgur.com/4LwOvFm.png
- v3.2.25 Start画面編集
  $font(Segoe UI,14)
  [🎵 %title% ]$crlf()
  [🎙️ %artist% ]$crlf()
  [💿 %album% ]$crlf()
  [📅 '('%date%')']$crlf()
  [💬 %codec_long% %bitrate% Kbps ]$crlf()
  [📊 %samplerate% Hz ][🔊 %channels%]
- https://i.imgur.com/IywSje7.png
Cover Info をインストールすれば、Playlist Viewer (Columns 追加) や Text Panel (Text Display, Item details そして、JScript Panel 3 / Text Display で表示出来る。 Title Formatting が用意されている。例えば、[Cover: %front_cover_width% ][ x %front_cover_height%] など。
Text Panel
- Default UI element
  - JScript Panel 3 - Text Display https://jscript-panel.github.io/gallery/text-display/
- Columns UI panel
  - JScript Panel 3 - Text Display
  - Item details (CUI Default)

Spectrogram Seekbar foo_jscript_panel3 v3.2.6 より ffmpeg v6.0 (2023-03-04) が必要になった。

FFmpeg showspectumpic options: s=1024x128:mode=separate:color=channel
- https://i.imgur.com/8tWqJL2.png
FFmpeg showspectumpic options: s=1024x128:color=cool
- https://i.imgur.com/lcLuEN3.png

v3 3.1.15 (2022-11-25):
- updated with a better SVG rendering library.
- foobar2000 v2.0 beta 13+ が必要
  - https://i.imgur.com/iEjABd8.png \foobar2000\profile\user-components-x64\foo_jscript_panel3\samples\basic\SVG.txt"
v3 3.2.0 (2022-12-21) foo_playcount との互換性のための更新。foobar2000 自体に組み込まれていたfoo_playcountは削除され再度Componentとして復活した。foobar2000 v2.0 beta 18以降が必要。
v3.2.11 Samples > "JS Playlist" Context menu に Colour > Enable Dynamic が加わった。再生中のトラックのDisc Coverから色が抽出され、背景とテキストに適用される。
- https://i.imgur.com/YaA1Rvz.png
v3.2.12 (2023-04-15) で "Smooth Browser" "Smooth Playlist Manager" にも、v3.2.11 Samples > "JS Playlist" Context menu Colour > "Enable Dynamic" が追加された。
- https://i.imgur.com/atF6CZ5.png
v3.2.15 (2023-04-28) で "Samples" / "Track Info + Seekbar + Buttons" に Buttons Modern と Original を選択出来る Option が追加された。
v3.2.16 (2023-04-29) Columns UI（Columns UI 2.0.0-rc.1以降） Toolbar に JScript Panel 3 を表示出来るように戻した。
foo_jscript_panel3\samples\"Track Info + Seekbar + Buttons.txt" の標準 font (Segoe UI), ボタンアイコン font (fluent font Segoe Fluent Icons) を変更した。Windows 11 は標準インストール、Windows 10 here.
- https://i.imgur.com/MUEOix7.png
- 簡単な編集箇所: 右クリック > Configure... > JScript Panel 3 Configuration 画面
- 背景 (seekbar_background)、seekbar_progress などの色指定
  - https://foobar2000.xrea.jp/up/files/up1483.png
- 青: 左端を x=0 として seekbar の開始点赤: seekbar全体の長さ
  - https://foobar2000.xrea.jp/up/files/up1484.png
- font 変更: 青: Artist 赤: Title 太字 true ('Yu Gothic UI', 12, true), 標準: ('Yu Gothic UI', 12)
  - https://foobar2000.xrea.jp/up/files/up1485.png
- font "Segoe Fluent Icons" はいじらないように。ボタンに使用されています。
- Segoe Fluent Icons font
- Design toolkits and samples for Windows apps

JScript Panel 3/Samples/Track Info + Seekbar + Buttons 改造 By: eurekagliese
- https://hydrogenaud.io/index.php/topic,58574.msg1026530.html#msg1026530
- custom_track.zip をダウンロードして解凍。custom_track フォルダ内 "MaterialIconsRound-Regular.otf" フォントと Segoe Fluent Icons をインストール。Queue Viewerが必要。使用するのは、"track_custom.js" Script ファイルのみ。
- profile\user-components-x64\foo_jscript_panel3\samples\custom_track "samples" フォルダ内に custom_track フォルダごと入れておけば良い。
- JScript Panel 3 を表示させて、右クリック > Configure... > 左下 Tools をクリック > Import > 右下「JScript files (*.js)」に切り替えて "track_custom.js" Script ファイルを選択する。
  
  JScript Panel 3.2.17 (Track Info + Seekbar + Buttons by marc2003)
  JavaScript 実行時エラー
  未定義または NULL 参照のプロパティ 'Width' は取得できません
  File: <main>
  Line: 571, Col: 3
- というエラーが表示されたら、Line 571: の先頭に "//" を入れる。
  - // gr.DrawImage(svg_unfav, svg_fav_x, svg_fav_y, svg_fav_w, svg_fav_h, 0, 0, svg_fav.Width, svg_fav.Height);
- あと自分のLayout に合わせた簡単な編集（font, seekbar開始/終了点）などは上の "Track Info + Seekbar + Buttons" を参考に。
  - https://i.imgur.com/s0wRPUd.png
  - https://i.imgur.com/ojkjTOF.png
Track Info + Seekbar + Buttons (track_custom_v2.js, track_compact_v1.js) 改造 By: eurekagliese (2023-05-19)
- https://hydrogenaud.io/index.php/topic,63984.msg1027478.html#msg1027478
Track Info + Seekbar + Buttons (track_compact): https://foobar2000.xrea.jp/up/files/up1500.zip
Track Info + Seekbar + Buttons (track_compact 2): https://foobar2000.xrea.jp/up/files/up1502.zip
Track Info + Seekbar + Buttons (track_custom_wide_01): https://foobar2000.xrea.jp/up/files/up1501.zip
Track Info + Seekbar + Buttons (track_custom_v2.1.js) 改造 By: eurekagliese
- https://hydrogenaud.io/index.php/topic,63984.msg1027506.html#msg1027506
- "JS Playlist" and "Track Info + Seekbar + Buttons" を Colours > Enable Dynamic (Album Art に合わせて背景色が変化する）で揃えたもの。
Menu > Playback > "Stop after current" On/Off toggle Script By: grimes。 JScript Panel 3 3.2.16 (2023-04-29) 以降と Columns UI 2.0.0-rc.1 (2023-04-17) 以降が必要。Toolbar などに表示。
- https://i.imgur.com/okZKl6d.png
v3.2.18 samples/Smooth Browser の上部右右クリック Context menu に "Sort pattern..." が追加された。
- 標準の "Sort pattern...": %album artist% | %date% | %album% | %discnumber% | %tracknumber% | %title%
- TitleFormatting を使用して編集出来る。
  - $swapprefix(%album artist%) - $sub(3000,%date%) - %album% - %discnumber% - %tracknumber% - %title%
  - $sub(3000,%date%) - $swapprefix(%album artist%) - %album% - %discnumber% - %tracknumber% - %title%
  - $sub(99999999,$replace(%added%,-,)) - $swapprefix(%album artist%) - $sub(3000,%date%) - %ALBUM% - %DISCNUMBER% - %TRACKNUMBER% - %TITLE%
  - $sub(99999999,$replace(%added%,-,)) - $sub(3000,%date%) - $swapprefix(%album artist%) - %ALBUM% - %DISCNUMBER% - %TRACKNUMBER% - %TITLE%
  - $sub(99999999,$replace(%file_created%,-,)) - $swapprefix(%album artist%) - %ALBUM% - %DISCNUMBER% - %TRACKNUMBER% - %TITLE%
  - $sub(99999999,$replace(%file_created%,-,)) - $swapprefix(%album artist%) - $sub(3000,%date%) -%ALBUM% - %DISCNUMBER% - %TRACKNUMBER% - %TITLE%
  - https://i.imgur.com/2wlMYLs.png
Smooth Browser 上部 (Header Bar) Filter に以下の様な月単位での Library への追加や File 作成日を検索することも出来る。Filter 入力後 ENTER キーを叩く。
- "$cut($date(%added%),7)" IS 2023-05
- "$cut($date(%file_created%),7)" IS 2023-05
- Panel 一番上左 "ALL ITEMS" の上で右クリック Context menu > Utilities > Send to playlist... > Select Destination Playlist ダイアログに例えば、Playlist name を「Added 2023-05」or「File Created 2023-05」と入れる。
  - https://i.imgur.com/FtFjqJ6.png
  - https://i.imgur.com/Y6emLRu.png
- Media Library Search, Album List (Filter), Album List Panel (Filter), Filter search などでも使える。
Smooth Browser の画像の大きさ（調整）は Header Bar 右クリック > "Panel properties をクリック。"JScript Panel 3 Properties 画面下 "SMOOTH.THUMB.MIN.WIDTH" の値を例えば「90」にする（標準は 130）。
- https://foobar2000.xrea.jp/up/files/up1492.png
- https://foobar2000.xrea.jp/up/files/up1493.png
Albun art（Front cover, Back cover, Artist, Disc, Icon）など、複数の画像を埋め込んでいる場合、Samples > "Album Art" を使うとよいでしょう。マウスホイールで画像を切り替えることが出来ます。

↑

Playlist Organizer (Jscript Panel 3): by etip†

Latest Download: https://hydrogenaud.io/index.php/topic,123820.msg1028958.html#msg1028958
font FontAwesome が必要
Topic: Playlist Organizer (aka foo_plorg) replacement on Jscript Panel 3

Playlist Organizer JScript Panel 3 Script 版。foobar2000 v2.0 32bit 64bit Dark-Mode 対応。
foobar2000 v2.0 beta 18+ "foo_jscript_panel3" 最新のもの (v3.2.6以降 foobar2000 v2.0 Beta 18+）を使用して下さい。
foobar2000 1.6.6 - 1.6.16 用の JScript Panel 3 3.0.xx (foo_jscript_panel3) には対応していない。
Playlist Organizer 同様直感で使用する事が出来る。
- https://i.imgur.com/080FJHv.png
Portable installation:
- pl_organizer
  - Main.js
  - pl_organizer.js
  - inputbox.js
  - scrollbar.js
- "profile" フォルダ内に置く。

32bit 64bit:
- \profile\pl_organizer\Main.js
- \profile\pl_organizer\pl_organizer.js
- \profile\pl_organizer\inputbox.js
- \profile\pl_organizer\scrollbar.js

Standard installation: "C:\Users\username\AppData\Roaming\foobar2000-v2"
pl_organizer フォルダを置く。
- pl_organizer
  - pl_organizer\Main.js
  - pl_organizer\pl_organizer.js
  - pl_organizer\inputbox.js
  - pl_organizer\scrollbar.js
JScript Panel 3 を表示させる。
pl_organizer.zip をダウンロードして解凍する。"pl_organizer v1.x" を "pl_organizer"とリネームをする。pl_organizer フォルダを "profile" フォルダ内に置く。
\profile\pl_organizer\Main.js を読み込ませる。Panel上右クリック > Configure... > Tools > Import > 右下ファイルタイプを「JScript files (*.js)」にする。"Main.js" を選択して読み込ませる。OK ボタンをクリックする。
v1.8.0 で殆どの Option 機能が context menu (Settings) に移動した。また、v1.8.6, v1.8.7 でより整理された。
- https://i.imgur.com/1XIHhgk.png
AutoPlaylist の上で右クリックすると "AutoPlaylist..." が有効になるのでクリックすると "AutoPlaylist Properties" が起動する。"Sort pattern" の編集が出来る。
Create AutoPlaylist... をクリックすると "AutoPlaylist Properties" が起動する。TitleFormatting と Query syntax を使って Auto Playlist を作成出来る。
Move Playlist into... は選択した Playlist を他のフォルダに移動
Put out root はフォルダの外に出す。
Playlist items 上をクリックすると Playlist items, Playlist size の両方を表示できる。または、Settings > Text > Playlist stats > Item count, Item size, Item count and size
Mouse Actions: Settings > Open Playlist > Single Click/Double Click
フォルダ上右クリック > Filter (Asc) on folder:, Filter (Desc) on folder:（昇順(Asc) 降順 (Desc) folder 内の Playlist をソートする。
Shift キーを押すと上部中央に検索 Box が表示されます。もう一度 Shift キーを押すと閉じます。検索でヒットすると Playlist にJump します。また検索 Box 枠が緑色に変わります。大文字小文字の区別はありません。
Playlist をダブルクリックすると、Playlist の先頭の Track が自動で再生される Option が追加された。Settings > Double Click on Playlist > Doesn't song / Play song
Auto Playlist など Playlist が lock されている場合に右側に鍵アイコンが表示されます。
v1.8.6 (2023-06-01) Playlist lock options 編集optionが追加された (Autoplaylist ではなく、通常のプレイリストでのみ機能する) Context menu > "Edit playlist lock..."
- https://i.imgur.com/8N2BJLZ.png
"Edit playlist lock..." この機能は、Playlist Attributes Menu > Edit > Playlist attributes > Playlist restrictions...や Smooth Playlist Manager (Jscript Panel 3) Edit Playlist lock... と同等の option です。
- Smooth Playlist Manager
- https://i.imgur.com/eDbyqXB.png
Playlist Attributes Menu > Edit > Playlist attributes > Playlist restrictions..., Smooth Playlist Manager (Jscript Panel 3) Edit Playlist lock... から Playlist に条件を付けて lock すると、Playlist Organizer での Playlist 右に鍵マークが表示される。
フォルダーをシングルクリックしたときの動作の変更: フォルダーアイコンをクリックすると、フォルダーが折りたたまれたり展開されたりします。
フォルダーのテキストをクリックすると、フォルダーが選択されます。
アイコンまたはテキスト上でダブルクリックを使用すると、常に折りたたまれたり展開されたりします。
フォルダを削除する時 (Delete Folder...) フォルダ階層 (入れ子) の深いフォルダから削除しないとクラッシュする場合があります。
設定ファイル: リセット、初期設定に戻すときこのファイルを削除する。
- \profile\pl_organizer.txt
Update:
- pl_organizer
  - Main.js
  - pl_organizer.js
  - inputbox.js
  - scrollbar.js
- ファイルを上書きした後、\profile\pl_organizer\Main.js を読み込む。Main.js を読み込まないとUpdateにならない。「開く」ボタンをクリックした時バージョンと日付が更新されたか確認する。
  - https://i.imgur.com/b0pmvq1.png
Settings > Txt File Archiving > Archive file をクリックすると、"\profile\pl_organizerArchive.txt" が作成されバックアップが出来るようになった。復元: Archive file を作成すると、Settings > Txt File Archiving > Restore file が表示されるので、"Restore file" をクリックして復元出来る。

↑

ESLyric†

ファイル名: foo_uie_eslyric.dll
URL

概要

多機能、高機能な歌詞表示パネル/Disktop表示 Component。Default UI, Columns UI 共にサポートする。
v0.5.3.1011 (Beta) (2022-09-07) より foobar2000 v2.0 beta x86 x64 サポート。
Font and Color の変更は、Panel上を右クリック > Panel Preferences... から。
- https://i.imgur.com/jOrbhRS.png
- https://i.imgur.com/3mqeOWj.png
Preferences > Tools > ESLyric > Lyric Option > Lyric Sources 右上「Get More...」をクリックします。
- Online Script 画面が開きます。Up-to-date は現在ある「Search Script」の更新、入れたい「Search Script」をクリックして一番右「Download」をクリックすれば、Lyric Sources に追加されます。
- 順番の入れ替えは Ctrl + Up/Down キーを使うと便利です。
  - https://i.imgur.com/o84qRbt.png
背景画像: Panel Preferences... > Panel Preferences 画面下 "Backgrounde" > Image > Image settings...
- https://i.imgur.com/NSRJJOn.png
https://i.imgur.com/DdcMih3.png (foobar2000 v2.0 beta 12 64bit CUIa5)
参考 ESLyric 32bit

↑

ReFacets†

標準 elements
Preferences > Media Library > Refacets

概要

Default UI Component "Facets" の代替として foobar2000 v2.0 x86/x64 で標準となったelements。
Media Library Viewer。とにかく軽くて速い、直感で使用出来る。Playlistとしては勿論、タグ付けの確認やまとめてのタグ編集に便利です。
Default UI と Columns UI の両方をサポートします。

使い方

Facets の変わりにユーザーの要望により "ReFacets" という名前のLibrary Listが標準で使えるようになりました (foobar2000 v2.0 beta 32bit/64bit)。
Preferences / ReFacets "Views" の編集、Play Count が標準で加わった事により、%play_count%, %rating% が使えます。
よって"ReFacets"をPanel化した時のToolbar上部にある Filters▼をそのまま使えます。もちろん編集や追加が可能です。
"ReFacets" の使い方は "Facets" と同じで直感でわかると思います。例えば Columnsは左から、Artist, Album, Track とします。Trackは Preferences / ReFacets "Views" で編集しました。
上部の検索枠に例えば DATE IS 2022 と打ち込みます。上部 Columns Album 下「ALL」のところを右クリックして作成出来るPlaylistの種類を選択します。
「Create autoplaylist」を選択しました。Playlist Switcher に追加されました。Playlist Switcher で Playlist の名前は変更出来ます。これで「2022 のアルバムやトラックが自動で追加されます。
例えば同じ Artist が大文字と小文字で Media Library に複数登録されている場合、Columns / Artist に大文字小文字で表示されます。
これを大文字小文字（複数）Artist Name を複数選択出来ます（ctrlキーを押しながら）。同じ様に Album もです。より絞れた Playlist (Tracks) が作成出来ます。
- https://i.imgur.com/4mw5wOc.png
Trackを再生したい場合、一番右の「Track」PanelでTrackを右クリック「Play」を選択します。
Column (Artist...etc) 上を右クリック > Facet > Inseart new before/after でそのパネルより「前に後に」に追加出来ます。
Columns に表示した "Album" などの表示に追加で表示出来ます。Album なら items、Track なら Duration といった感じです。Columns 上を右クリック > Statistics > items (e.g.) で "items" など追加で表示出来ます。
- https://i.imgur.com/JwMfzCG.png
Facets の場合、作成した Playlist に対して "Difault sort order" がありましたが、ReFacets にはありません。基本的に Menu > Edit > Sort > Sort by...から行って下さい。 TitleFormatting を使った Sort pattern をいくつか作成しておくと便利です。
- $sub(99999999,$replace(%added%,-,)) - $swapprefix(%album artist%) - $sub(3000,%date%) - %album% - %discnumber% - %tracknumber% - %title%
64bitバージョンで "ReFacets" はありがたい存在です。DUI CUI 共にサポートしています。
- https://i.imgur.com/0sP2ygP.png （foobar2000 v2.0 beta 10 (64bit) Columns UI 2.0.0 alpha 3）
Columns UI panel として ReFacets を Panel 表示していても、Menu > Library > Refacets で Popup 表示が出来る。大きく使いたい場合には便利 Keyboard Shortcuts に登録しておくと便利。

参考

↑

Coverflow_mod†

ファイル名: foo_chronflow_mod
URL

概要

多機能、高機能な 3D Cover Flow Panel。CUI DUI 共にサポートする。
v0.5.2.mod.7 32bit 64bit foobar2000 v2.0 and Dark mode Support
設定は Preferences > Display > Chronflow から。アルバムタイトルの編集、Positionで文字の位置決めが可能。
Cover Displayタブで Saved Configurations プルダウンメニューから標準で用意されている中から選択して下の Compile / Apply ボタンをクリックする。「Compilation successfull」と表示されると切り替わる。
Behaviour tab にマウスアクションの設定がある
Panel上右クリック > Chronflow Mod Preferences... > Album Source TAb > Playlist covers "Enable playlist covers" "Follow active playlist" にチェックを入れると表示される Cover が Playlist に追加されたものになる。Behaviour TAB > General behaviour > Follow Now Playing にもチェックを入れる。
- https://i.imgur.com/0a9B6RV.png
- https://i.imgur.com/gHCItGk.png
Preferences > Display > Chronflow Mod > Cover Display > Saved confirurations > Albumart(build-in) を選択。一見普通の Album Art View の様に見えますが例えば Album Source を Playlist にしておくと Playlist 追加 Cover がマウスホイールでくるくる出来る。
- https://i.imgur.com/Vqt1KSa.png
複数のPanel使用（表示）は出来ない場合がある。
参考: Chronial's Coverflow
HA Wiki - Components/Coverflow mod(foo chronflow mod)

↑

Youtube Source†

ファイル名: foo_youtube
URL

概要

YouTube動画の再生
v3.9 beta 1 (2022-09-14) から 32bit 64bit foobar2000 v2.0 beta をサポート
v3.9 beta 2 (2022-09-25) で Third-party Binaries に "Javascript" Bundled (Node.js) オプションが追加されました。このオプションはデフォルトのオプションです。
設定と使い方参考: Youtube Source (32bit)
- libcurl_7_68 (libcurl.dll): https://fy.3dyd.com/download/ foo_youtube と同じファルダ (profile\user-components-x64\foo_youtube) に置いておく。(32-bit only)
- LAV Filters: https://github.com/Nevcairiel/LAVFilters/releases , http://forum.doom9.org/showthread.php?t=156191
- yt-dlp (yt-dlp.exe): https://github.com/yt-dlp/yt-dlp/releases　コマンドラインYuTube Video ダウンローダー
- yt-dlp (yt-dlp.exe) は右クリック「External」から指定する必要がある。
- FFmpeg-Builds for yt-dlp: https://github.com/yt-dlp/FFmpeg-Builds/releases
- FFmpegの"bin"フォルダを"yd"とかにリネームして、yt-dlp (yt-dlp.exe)を入れる (ffmpeg.exe, ffplay.exe, ffprobe.exe and yt-dlp.exe)。C:\yd でも置いて置く。
- Youtube Data API Key - 承認の認証情報を取得する
- https://i.imgur.com/OfFZ4M9.png
- https://i.imgur.com/LU9Eiuw.png
ytdl-patched-red.exe を使ってみる (ytdl-patched-red.exe, ffmpeg.exe, ffplay.exe, ffprobe.exe 同じフォルダに入れる)。 yt-dlp-based version コマンドラインダウンローダー。Preferences > Tools > YouTube Source > Third-party Binaries 右クリック「External」から指定する。
- https://i.imgur.com/sHBwAcO.png
- https://i.imgur.com/7lx7eSP.png
"yt-dlp.exe" を使ったダウンロード方法
- Preferences > Keyboad Shortcuts から [context] > Youtube Source > Copy (1) > URL を登録します。e.g. ctrl + shift + Y これで動画再生画面上でURLをコピー出来ます。
  - https://i.imgur.com/Fp66BIO.png
- ctrl + shift + Y でコピーしたら C:\yd フォルダ内からコンテキストメニュー「ターミナルで開く」を選択して、PowerShell を起動します。最初に ".\yt-dlp -f mp4" と打ち込みその次にURLを貼り付けます。
  - PS C:\yd> .\yt-dlp -f mp4 https://www.youtube.com/watch?v=KHl-PWh3Mzc
- エンターキーを叩いて100%になるのを待ちます。同じフォルダ内にダウンロードされます。
  - https://i.imgur.com/if7L4O3.png
- 次からは、履歴（上↑キーを押せばURLを取り換えるだけです。）を使えば簡単です。
"ytdl-patched-red.exe" を使ったダウンロード方法 "yt-dlp.exe" と同じコマンドでいけます。
- ".\ytdl-patched-red -f mp4 https://www.youtube.com/watch?v=POe9SOEKotk"
YTDL-PATCHED: youtube-dl (youtube-dl.exe), yt-dlp (yt-dlp.exe), ytdl-patched (ytdl-patched-red.exe)
ee.Yrewind (yrewind.exe)

↑

OpenLyrics†

ファイル名: foo_openlyrics.dll
URL

Home: https://github.com/jacquesh/foo_openlyrics
Download: https://github.com/jacquesh/foo_openlyrics/releases/

概要

シンプルなLyrics Panel。それでいてSearchも充実しています。
v1.3 から x86 x64 foobar2000 v2.0 サポート、Default UI Columns UI の両方に対応しています。
設定は Preferences > Tools > OpenLyrics
右 "Available sources" から左 "Search order" Box に移動します。Up/Down で優先順位を決めます。
v1.3 標準Searching: QQ Music, Musixmatch, Genius.com, AZLyrics.com, NetEase Online Music, DarkLyrics.com, Local files and Metadata tags.
https://i.imgur.com/5aMbkVk.png foobar2000 v2.0 beta 12 x64 Columns UI v2.0 a3、左上 Album Art Viewer、左下 Text Display (JScript Panel 3)

↑

Flowin†

ファイル名: foo_flowin.dll
URL

https://github.com/ttsping/foo_flowin/releases

概要

新規にPanel (Default UI element) を外部表示出来る。CUIでも使用可。
Dockable Panelsの簡易版
Downloadサイトから"bin.zip"をダウンロードして解凍する。foobarを閉じた状態で展開された "bin" フォルダ内 x86/x64 ファルダ内にある「foo_flowin」フォルダをそれぞれ、user-components/user-components-x64 フォルダに入れてfoobarを起動する。
表示方法は、Menu>View>Flowinから
v0.2.0 beta (2022-09-25) より x86/x64 foobar2000 v2.0 beta and Dark Modeに対応。Dark Modeは使用するPanelによる。その他　"+ add 'show in the taskbar'"
- https://i.imgur.com/Xt0WfuJ.png
- https://i.imgur.com/0qETdkl.png
- https://i.imgur.com/oz1TZ5Q.png (v2.0 beta 10 x86, CUIa1, Coverflow_mod No Frame)
- https://i.imgur.com/EgyQbyy.png

↑

Equalizer†

Equalizer
- Preferences > Playback > DSP Manager > Equalizer を Active DSPs に入れて有効にする
- Default UI と Columns UI の両方でPanel化出来る
  - Equalizer presets (.feq) Equalizer 下にある "Load preset" をクリックして "*.feq" を読み込む
  - https://i.imgur.com/mVpT3kh.png　foobar2000 v2.0 beta 10 32bit + CUIa1 + Dark Mode

↑

Album List panel†

ファイル名: foo_uie_albumlist
URL

https://yuo.be/album-list-panel

概要

Album List を表示するパネル (CUI)
v1.0.0-beta.2 (2022-09-30) より x86 x64 foobar2000 v2.0 に対応する
参考: Album List Panel 解説

↑

Console panel†

ファイル名: foo_uie_console
URL

https://yuo.be/console-panel

概要

Consoleを表示するパネル
v3.0.0-beta.2 (2022-09-30) より x86 x64 foobar2000 v2.0 に対応する

↑

Playlist view†

Columns UI 標準の Playlist Viewer
参考 Columns UI
- Columns UI 32bit
- Columns UI 解説 32bit

↑

Filter†

Columns UI 標準で入っているPlaylist Panel

概要

Facetsの様なPlaylist Panel。複数のPanelを表示して使うのが一般的。
Preferences > Display > Columns UI > Filters で Field を編集、追加して使う。
- https://i.imgur.com/eccNEev.png foobar2000 v2.0 beta 10 64bit CUIa2
FilterをPanel化していなくても、Toolbarに "Filter search" を表示し使えます。TitleFormatting と Query syntax を使って柔軟な検索が可能です。検索結果は Playlist Viewに表示されます。また、Playlist Swicher に "FILTER RESULTS" Plylistが作成されます。
"Filter search" を使う場合、例えば、ARTIST IS, %file_created% DURING 8 WEEKS, GENRE IS, DATE IS などよく使うものは、"Filter search" の星アイコンをクリックして履歴として保存しておくと便利です。
Text Tools と組み合わせて使うと入力が簡単です。
"$cut($date(%file_created%),7)" IS 2022-12, "$cut($date(%added%),7)" IS 2022-12 などが使えます。2022年12月ファイル作成月、2022年12月 Media Library 追加月です。同じ年、同じ月に作成、追加したTrackが検索出来ます。
星印をクリックし X 印で削除すると履歴として残ります。

↑

Artwork view panel†

標準 Columns UI panel
Preferences > Display > Columns UI > Layout から表示する。
Preferences > Display > Columns UI > Artwork TAB で Panel edge style を選択出来る。
その下 Artwork source > Go to Display preferences をクリックすると、Preferences > Display 画面に移動する。Album art (Front cover, Back cover, Artist, Disc の画像 pattern を設定する。
- https://i.imgur.com/JFOwmhO.png
Albun art（Front cover, Back cover, Artist, Disc, Icon）など複数の画像を埋め込んでいる場合、JScript Panel 3 Samples > "Album Art" を使うとよいでしょう。マウスホイールで画像を切り替えることが出来ます。

↑

Item Properties†

Columns UI 標準 Panel。Default UI/Selection Properties Columns UI版。
Panel上右クリック > Options > Options - Item Properties から表示したい "Fields" Information sections といった Option がある。
- https://i.imgur.com/YjpR12G.png

↑

Item details†

Columns UI 標準で入っているPanel

概要

再生しているトラックのメタデータ、あるいは選択したトラックのメタデータを表示する Text Panel
Default UI だと Text Display UI Element のような Panel
基本的に font, Background Colour は、Preferences > Display > Columns UI > Colours and fonts > ▼ Item details から。
Item details title formatting が用意されており、ちょっとしたInfo Panelが出来る。Panel上右クリック > Options... > Option - Item Details から。
- Item details title formatting reference
Options - Item Details 画面下 "Generate colour code..." "Generate font code..." でfontやColourを生成する（反映される訳ではない）。
- https://i.imgur.com/Rwy4BNB.png
  $set_font(Yu Gothic UI,14,)
  [%title%$crlf()]
  $rgb(180,30,0)
  $set_font(Yu Gothic UI,16,bold;italic;)
  [%artist%$crlf()]
  $rgb()
  $reset_font()
  $set_font(Yu Gothic UI,14,)
  [%album%$crlf()]
  [ '('%date%')'$crlf()]
  [Track Number: %tracknumber%][ / %totaltracks%]$crlf()
  [File Created: $date(%file_created%)]$crlf()
  [$rgb(13,176,255)Codec: $rgb()%codec%][ $rgb(255,128,64)Rate: $rgb()%bitrate%kb/s ]
- foobar2000 v2.0 beta 32bit なら cwbowron's title format hooks mod などを使えば表示出来るTrack (Playlist, 作成日時等）情報が増える。
  [Index: %cwb_playing_index% / ][%cwb_playinglist_count%]$crlf()
  [Playlist name: %cwb_playinglist%]$crlf()
  ・再生中の Track が Playlist の中で何番目
  ・再生中の Playlist name:
  - https://i.imgur.com/E4suuMq.png
Text Panel
- Default UI element
  - JScript Panel 3 - Text Display https://jscript-panel.github.io/gallery/text-display/
- Columns UI panel
  - JScript Panel 3 - Text Display
  - Item details (CUI Default)

参考: JScript Panel 3 Sample Script/Text Display

↑

Playlist switcher†

Columns UI 標準の "Playlist Manager"
Playlist switcher panel titleformatting reference
Use titile formatting for playlist titles:
- かなり古くから使われてきた "titile formatting for playlist titles"
  - https://i.imgur.com/IiMP2oC.png
    $if($strcmp(%size%,0),$upper(%title%), o %title%)
    $tab()
    $if(%is_active%,'[A]' ,)
    $if(%is_playing%,'[P]' ,)
    $if($strcmp(%size%,0),, %size% )
    [ '[' %filesize% ']']
    [ %length% ]
Preferences: Columns UI > Colours and fonts > Fonts tab > Element: Playlist Switcher Mode: Custom Font: フォント名 Change... サイズ変更
Preferences: Columns UI > Playlist Switcher > Vertical item padding で縦の間隔で見やすい表示にして下さい。

↑

Visualisations†

標準で装備されている全てのVisualisationsをCUIでもPanel化が可能
- Oscilloscope
- Peak Meter
- Spectrogram
- Spectrum
- VU Meter
  - https://i.imgur.com/AZyPgXq.png

↑

Queue Viewer†

ファイル名: foo_queue_viewer
URL

概要

Queue Contents Editor foobar2000 v2.0 64bit Dark Mode 対応。
Default UI element, Columns UI panel 両方に対応している。
Playlist View Context menu > Add to Playback Queue から登録したTrackを表示（管理）する。
Playlist View Context menu > Add to Playback Queue 登録（追加）してから Queue Viewer の Context menu が使える様になる。Select all, Select none, Invert selection（選択以外）, Remove。
ドラッグ & ドロップで順番を変更出来る。
再生が終了するとPanelから削除される。
Menu Playback > Flush playback queue と Panel Context menu > Select all > Remove (Ctrl + A > Del キー）は、同じ機能全削除。"Flush playback queue" を Keyboard Shortcuts に登録しておくと一度で登録全Track削除が可能。
v1.0.3 で Menu > View > Queue Viewer PopUp表示が追加された。
v1.0.4 で Album List, Album List Panel, Playlist Manager, Playlist switcher などから Track, Album, Playlist や Library viewer selections をドラッグ & ドロップで Queue Viewer Panel への追加が可能になった。
v1.0.6 で "keep queue on shot down" Option が追加された。いわゆる "Keep Queue" です。
v1.0.8 column/Item TitleFormatting を使用しカスタマイズ出来るようになった。右クリック "title formatting..." から。
- https://i.imgur.com/H5qBXdl.png
v1.0.10 で Playlist View Context menu > Queue Viewer > Send to playback queue, Send to playback queue and play Option が追加された。 Playlist View 上でTrack (Tracks), Album を右クリックして、"Send to playback queue" をクリックすると登録されている queue が全削除 (Flush) されてから追加される。 "Send to playback queue and play" は queue が全削除 (Flush) されてから追加 and Play。Playlist Panel, Playlist Manager などからも Track, Playlist を選択して右クリック > Contents > Queue Viewer から行える。先に Queue Viewer に登録して追加したい場合は、Context menu > Add to playback queue を使う。
- https://i.imgur.com/0WcpZGQ.png
v1.0.16 で Playlist View Context menu > Queue Viewer > に2つ Option が加わった。 Context menu > Queue Viewer > Add to front of playback queue / Add to front of playback queue and play "Add to front of playback queue" は、Queue Viewer に登録してある queue の前に追加される。
- https://i.imgur.com/n0naZ8X.png
v1.0.18 で Queue Viewer に登録された Queue の "Sort" Option が追加された。Columns 右クリック > Sort > "Sort by..." は、TitleFormatting を使用出来る。あとは、"Randomise" と "Reverse"。
- https://i.imgur.com/HTmYnFY.png
v1.0.1 (2023-04-07) より foobar2000 32bit 64bit foobar2000 v2.0 Support する。
- https://i.imgur.com/TocrVFT.png
- https://i.imgur.com/kwoEUZX.png
参考: Stop After Queue (foo_stop_after_queue), Play Next (foo_play_next)

↑

Loudness Peakmeter†

ファイル名: foo_loudness_peakmeter
URL

https://hydrogenaud.io/index.php/topic,123954.0.html

概要

Loudness と Sample Peak 測定および視覚化する。Default UI element, Columns UI panel 両方に対応する。
v0.2.0.0 (2023-04-11) より 32bit 64bit foobar2000 Support する。
- https://i.imgur.com/12RC7Us.png

↑

Popup Panels†

ファイル名: foo_popup_panels
URL: https://www.foobar2000.org/components/view/foo_popup_panels
概要

Columns UI Panel を外部表示させる。Menu > View > Popup panels > New panel。
設定: Preferences > Display > Popup panels
Columns UI 標準のテキスト表示パネル "Item details" も外部表示が出来る。
既に Columns UI Panel として使用しているもので、外部表示出来るもの（Item details, Artwork View, Queue Viewer など）と外部表示は出来るものの、Columns UI Layout から削除される Panel （Coverflow_mod など）もある。
foobar 標準の "Visualisation" や Enhanced Spectrum analyzer なども表示出来る。
Popup Panel を作成すると Menu > View > Popup panels > Configure > Popup Panel name から Title, Hide closebox, Hide frame などの Option を選択出来る。
foobar2000 2.0+, ColumnsUI 2.0.0+ が必要
v1.0.0 (2023-04-22) より 32bit 64bit foobar2000 v2.0+ Support する。
動作は、foobar2000 v2.0 and newer。
- https://i.imgur.com/yTGeH80.png
参考: Flowin

↑

Columns UI foobar2000 v2.0 32bit/64bit†

Waveform Minibar (mod)†

JScript Panel 3†

Playlist Organizer (Jscript Panel 3): by etip†

ESLyric†

ReFacets†

Coverflow_mod†

Youtube Source†

OpenLyrics†

Flowin†

Equalizer†

Album List panel†

Console panel†

Playlist view†

Filter†

Artwork view panel†

Item Properties†

Item details†

Playlist switcher†

Visualisations†

Queue Viewer†

Loudness Peakmeter†

Popup Panels†

参考†