Default UI element 64bit の履歴(No.40)

Layout Editing Mode (HA wiki)

Waveform Minibar (mod)†

ファイル名: foo_wave_minibar_mod
URL

概要

v1.2.51 (2022-08-27) より foobar2000 v2.0 alpha 以降の 32bit/64bit 両方をサポートする
foobar2000 v1.x シリーズ
"foo_wave_minibar_mod" folder
- foo_wave_minibar_mod.dll
- x64
  - foo_wave_minibar_mod.dll
    #imgr(): File not found: "./snaps/fb2kw_2c2604bd.png"

↑

JScript Panel 3†

ファイル名: foo_jscript_panel3
URL

Download: https://github.com/marc2k3/jscript-panel/releases
Requirements & Installation: https://jscript-panel.github.io/docs/
- requires at least foobar2000 2.1 and Windows 10 or later.
JScript Panel 3 Changes: https://jscript-panel.github.io/docs/changes/
Required fonts: https://jscript-panel.github.io/docs/#required-fonts
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
legacy:
- v3.4.32 (2024-06-22) for windows 7/8/8.1 / fb2k 1.6.6 -1.6.18.
- v2.8.8 for foobar2000 1.5+, 32bit only.
  - https://github.com/jscript-panel/release/releases/tag/legacy
  - v3.4.x Changes: https://jscript-panel.github.io/docs/changes/3-4-x/

簡単な使い方

foobar2000 v1.6.xx でも高度な Text Display が利用可能になりました。
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 を選択しました。設定はパネル上を右クリックから。
v3 3.3.5 (2023-10-02) で \samples\Text Display.txt が更新された。Album Art 表示 Option (Enable blur effect)が追加された。
- foobar2000\profile\user-components-x64\foo_jscript_panel3\samples\Text Display.txt
  Album art background（通常の表示）
  Enable blur effect（ぼかし表示）, Album art background にチェックを入れてから。
- &imgr(): File not found: "./snaps/fb2kw_54348071.png";
- &imgr(): File not found: "./snaps/fb2kw_2e057d26.png";
Columns UIで v3 3.1.7 (2022-10-22) 以降を使用する時は、"Columns UI 2.0.0-alpha.5 以降" が必要になります
v3.2.28 Panel 右クリック > Configure... > JScript Panel 3 Configuration 画面 "Ctrl + mouse wheel" で text size を変更出来ます。
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(): リセットテキストフォント、テキストカラー
  - &imgr(): File not found: "./snaps/fb2kw_39f63a5e.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画面: &imgr(): File not found: "./snaps/fb2kw_6272a34d.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 です。
- &imgr(): File not found: "./snaps/fb2kw_47ec869c.png";
- &imgr(): File not found: "./snaps/fb2kw_b01c06c3.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()
  [File Created: $date(%file_created%)]$crlf()
  [Index: %list_index% / ][%list_total%]$crlf()
  [Playback Time: %playback_time% / ][%length%]
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 として
  [Codec: %codec%]$crlf()
  [Bitrate: %bitrate% Kbps]$crlf()
  [Samplerate: %samplerate% Hz]$crlf()
  [TrackGain: %replaygain_track_gain%]
  - &imgr(): File not found: "./snaps/fb2kw_80ae4612.png";
- Codec: FLAC (lossyFLAC) も表示して
- Codec: $if($strstr(%path%,'lossy.flac'),lossyFLAC,%codec_long%)$crlf()
  - &imgr(): File not found: "./snaps/fb2kw_4649f5e5.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%]
&imgr(): File not found: "./snaps/fb2kw_f3fb87b0.png";

Cover Utilsをインストールすれば、Playlist Viewer (Columns 追加) や Text Panel (Text Display, Item details そして、JScript Panel 3 / Text Display で表示出来る。 Title Formatting が用意されている。例えば、[Cover: %cover_utils_front_width% ][ x %cover_utils_front_height%] など。
v3.3.9 で Text Display が更新され Albumart 表示、背景に Albumart のぼかしなど表示出来るようになった。DAP でいうと "Now Playing" Panel。
- &imgr(): File not found: "./snaps/fb2kw_0a162f27.png";
- &imgr(): File not found: "./snaps/fb2kw_d20c9bf9.png";

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

FFmpeg showspectumpic options: s=1024x128:mode=separate:color=channel
- &imgr(): File not found: "./snaps/fb2kw_efdd7d3f.png";
FFmpeg showspectumpic options: s=1024x128:color=cool
- &imgr(): File not found: "./snaps/fb2kw_be650b64.png";

v3 3.1.15 (2022-11-25):
- updated with a better SVG rendering library.
- foobar2000 v2.0 beta 13+ が必要
  - &imgr(): File not found: "./snaps/fb2kw_96924225.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以降が必要。
Playback Statistics: https://jscript-panel.github.io/docs/playback-statistics/
- This functionality is only available in component version 3.3.12 and later.

v3.2.12 (2023-04-15) で "Smooth Browser" "Smooth Playlist Manager"、Samples > "JS Playlist" などに Context menu Colour > "Enable Dynamic" が追加された。画像背景に基づいて Backgroud Color が自動で選択される。

&imgr(): File not found: "./snaps/fb2kw_51b255e7.png"; "JS Playlist" + "Track Info + Seekbar + Buttons"

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.
- &imgr(): File not found: "./snaps/fb2kw_9bab03bc.png";
- 簡単な編集箇所: 右クリック > Configure... > JScript Panel 3 Configuration 画面
- 背景 (seekbar_background)、seekbar_progress などの色指定
  - &imgr(): File not found: "./snaps/fb2kw_3c0e6ba3.png";
- 青: 左端を x=0 として seekbar の開始点赤: seekbar全体の長さ
  - &imgr(): File not found: "./snaps/fb2kw_63593694.png";
- font 変更: 青: Artist 赤: Title 太字 true ('Yu Gothic UI', 12, true), 標準: ('Yu Gothic UI', 12)
  - &imgr(): File not found: "./snaps/fb2kw_a7b50abb.png";
- &imgr(): File not found: "./snaps/fb2kw_540509a3.png";
- &imgr(): File not found: "./snaps/fb2kw_d226675d.png";
- &imgr(): File not found: "./snaps/fb2kw_6410c881.png";

font "Segoe Fluent Icons" はいじらないように。ボタンに使用されています。
- Segoe Fluent Icons font
- Design toolkits and samples for Windows apps

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 などに表示。
- &imgr(): File not found: "./snaps/fb2kw_26d12473.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%
  - &imgr(): File not found: "./snaps/fb2kw_9063b61a.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」と入れる。
  - &imgr(): File not found: "./snaps/fb2kw_bdb080fb.png";
  - &imgr(): File not found: "./snaps/fb2kw_e963eec8.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）。
- &imgr(): File not found: "./snaps/fb2kw_ec738935.png";
- &imgr(): File not found: "./snaps/fb2kw_120dbb39.png";
Albun art（Front cover, Back cover, Artist, Disc, Icon）など、複数の画像を埋め込んでいる場合、Samples > "Album Art" を使うとよいでしょう。マウスホイールで画像を切り替えることが出来ます。

Country Flag
- Required fonts: https://jscript-panel.github.io/docs/#required-fonts
- Country Flags: https://jscript-panel.github.io/docs/guides/country-flags/
- タグは <COUNTRY> %country% を使用します。例えば、カナダ → ca, イギリス → gb, アメリカ → us といった感じ。
- 国名コード表
  - https://www.moj.go.jp/MINJI/common_igonsyo/pdf/001321964.pdf
- Title Format: $font(Twemoji Mozilla,16)$country_flag(%country%)
- Text Display での Country Flag 表示:
- "Text Display" は、Panel Context menu > Custom text... > Title format を入れるだけで使用出来る。 $font(Yu Gothic UI,18,400,0,0,0)
  [%title%$crlf()]
  $font(Yu Gothic UI,16,600,2,1,0)$rgb(220,40,0)
  [%artist%$font()] $font(Twemoji Mozilla,16)$country_flag(%country%)$crlf()
  $font(Yu Gothic UI,16,400,0,0,0)
  [%album% '('%date%')'] $font(Segoe UI,18,500)
  [%title%$crlf()]
  $font(Segoe UI,16)
  [%artist%$font() ] $font(Twemoji Mozilla,16)$country_flag(%country%)$crlf()
  $font(Segoe UI,14)
  [%album% '('%date%')'$crlf()]
  $font(Segoe UI,12)
  [%__bitrate% kbps %codec% [%codec_profile% ][%__tool% ][%__tagtype%]]
  #imgr(): File not found: "./snaps/fb2kw_dd82d5ac.png"
- v3.3.21 で Samples: Last.fm Bio, Last.fm Bio + Images, Allmusic Review and Allmusic Review + Album Art でも Flag が表示されるようになった。
  - &imgr(): File not found: "./snaps/fb2kw_3d5e0dc4.png";
- v3.4.0-Beta.1 (2024-02-03) で %jsp3_playlist_name% が追加された。
- v3.4.0で $jsp3_since が追加された。使い方は、$jsp3_since(%last_played%) など。"5wk 2d" のように表示される。v 3.4.4 で 0d は Today, Yesterday などで表示されるようになった。例）%jsp3_playlist_name% と一緒に Text Display に表示。
  #imgr(): File not found: "./snaps/fb2kw_b4856144.png"
  $font(Yu Gothic UI,18,400,0,0,0)
  [%title%$crlf()]
  $font(Yu Gothic UI,16,600,2,1,0)$rgb(220,40,0)
  %artist%$font()[ $font(Twemoji Mozilla,16)$country_flag(%country%)$crlf()]
  $rgb()
  $font(Yu Gothic UI,14,400,0,0,0)
  [%album% '('%date%')']$crlf()
  [%__bitrate% kbps %codec% [%codec_profile% ][%__tool% ][%__tagtype%]]$crlf()
  [Playlist: %jsp3_playlist_name%]$crlf()
  [Since Last Played: $jsp3_since(%last_played%)]
Playcount 2003: を使うとまた違った表示方法がある。
New FillEllipse methods with gradients (from v3.4.0)
- https://jscript-panel.github.io/docs/interfaces/IJSGraphics/
- https://hydrogenaud.io/index.php/topic,110516.msg1038890.html#msg1038890
  - &imgr(): File not found: "./snaps/fb2kw_e726085d.png";
  - &imgr(): File not found: "./snaps/fb2kw_b1108f81.png";
seongbin/Vibe2
複数のJScript Panel 3 Panel を一つの Panel（タブでPael切り替え）で表示し、これで一つのthemeになっている。この使い方が主流のなりそう。
- https://github.com/seongbin/Vibe2/tree/main
- https://github.com/seongbin/Vibe2/blob/main/Preview.png?raw=true

↑

Default Samples Script†

上でも Default Samples Script について触れていますが、追加情報や解説していない主な Samples Script について触れていきます。
"Text Display" については、JScript Panel 3 の方で。
Required fonts: https://jscript-panel.github.io/docs/#required-fonts
Gallery: https://jscript-panel.github.io/gallery/
user-components-x64\foo_jscript_panel3\samples (JScript Panel 3 v3.6.1 2024-07-17)
#imgr(): File not found: "./snaps/fb2kw_71b836f8.png"
基本的に Script の読み込みは JScript Panel 3 を Panel化して、右クリック > Configure... > 左下「Samples」をクリックして Script ファイル (.txt, .js) を読み込みます。Panel に直接貼り付けても使用出来ます。
- &imgr(): File not found: "./snaps/fb2kw_89c76020.png";
Properties + Other Info: https://jscript-panel.github.io/gallery/properties-other-info/
- まずは、Properties + Other Info を表示してみましょう。Configure... > Samples > Properties + Other Info を選択します。Default UI element の "Selection Properties" は編集可能ですが、"Properties + Other Info" は編集は出来ません。しかし Track (Album) Info Panel としては十分でしょう。
- ただ、Properties + Other Info の優れているところは瞬時に Auto Playlistを作成出来るところです。例えば、Artist name にマウスを持っていきクリックすると "Artist is" (Artist Album, Single 全て) Auto Playlist が作成出来ています。同様に、Date, Genre などもです。
  - &imgr(): File not found: "./snaps/fb2kw_7337aba1.png";

Last.fm Artist Info + User Info: https://jscript-panel.github.io/gallery/lastfm-info/
- Configure... > Samples > Last.fm Artist Info + User Info を選択します。
- 大きく分けて Panel上 Contex menu > Artist と User Info があります。
  - &imgr(): File not found: "./snaps/fb2kw_58b2b64c.png";
- Artist Info mode で Top Tracks はアーティストのTop 再生回数です。
- Smilar Artists は、タイプが似ている Artist を表示してくれます。新しい Artist の発見があります。
- User Info mode は Last.fm アカウントの Top Tracks などが見れます。Last.fm username...にアカウント名を入れます。

Last.fm Bio + Image
- v3.3.18 (2023-12-07) で Samples Script に "Last.fm Bio + Images.txt" が追加された。
  - https://jscript-panel.github.io/gallery/lastfm-bio/#__tabbed_1_2
  - &imgr(): File not found: "./snaps/fb2kw_a488077f.png";
- Twitter Color Emoji font が必要。
  - https://github.com/13rac1/twemoji-color-font/releases
- v3.3.21 で twemoji-colr font (Twemoji.Mozilla.ttf) が必要になった。
  - https://github.com/mozilla/twemoji-colr/releases/tag/v0.7.0
- Artist Image (Thumbs.txt) + Last.fm Bio.txt といった感じ。
- Context menu も、Thumbs.txt と殆ど同じ。
- マウスホイールで画像を切り替える事が出来る。画像をダブルクリックで表示される Viewer の選択も出来る。
- v3.3.20 Allmusic Review + Album Art sample が追加された。
- Last.fm Bio + Image Sample が更新されたら Sanples > Last.fm Bio + Images をクリックして読み込み直す必要があります。
- Image と Text の位置関係が横向きに加えて縦が追加されました。Image と Text の割合を Ctrl key + mouse wheel で調整出来ます。
  #imgr(): File not found: "./snaps/fb2kw_b7e43751.png"

v3.3.22 で "Thumbs" と同じ画像 Option (赤枠) が追加された。
- &imgr(): File not found: "./snaps/fb2kw_b5dd4d7c.png";
v3.3.26 (2023-12-28) Last.fm Bio + Images and Thumbs (last.fm mode) で、画像が見つからない場合に、Preferences > Display > Albumart > Artist タブ画像を表示できるようになりました。
Text Display についで Last.fm Bio + Image でも Country Flag が表示される様になった。Artist の前に表示される。%country% tag が優先される。
Last.fm Bio + Image Country flags
- Panel Text Context menu > Country flags > Title Format / Last.fm replacemants の2つから選択出来る。
- &imgr(): File not found: "./snaps/fb2kw_798dd2f7.png";
- &imgr(): File not found: "./snaps/fb2kw_a4711a45.png";
- &imgr(): File not found: "./snaps/fb2kw_2e7e666b.png"; Columns UI panel
Country Flag については上 Country Flag v3.3.19 (2023-12-10) を参照の事。

Text Display + Album Art + Seekbar + Buttons
- v3.4.13 (2024-03-01) で "Text Display + Album Art + Seekbar + Buttons" が追加された。
  #imgr(): File not found: "./snaps/fb2kw_4e513a44.png"

Menu + Playback Buttons + Custom Colours for CUI
- 赤枠 Simple な Toolbar Script Menu + Playback Buttons + Custom Colours.txt。
- 下 Simple な Seekbar "Minimal Seekbar"。
  #imgr(): File not found: "./snaps/fb2kw_4b782b23.png"

Track Info + Seekbar + Buttons + Volume
#imgr(): File not found: "./snaps/fb2kw_6d85813f.png"

Status Bar
- Simple な Status Bar Script Status Bar.txt。
- Panel 右クリックから Title Formatting や $rgb もサポートしている。
  #imgr(): File not found: "./snaps/fb2kw_fd21aa95.png"
- v3.4.17 (2024-03-14) 標準 Samples - Status Bar とは少し違っている (Title Formatting がない）。
  #imgr(): File not found: "./snaps/fb2kw_defa19ba.png"

JS Playlist: https://jscript-panel.github.io/gallery/jsplaylist/
- Configure... > Samples > JS Playlist を選択します。
  - &imgr(): File not found: "./snaps/fb2kw_4f52ddb1.png"; 最初の画面
- Header が大きいので x 印で閉じます。右スクロール上の ← アイコンは "Smooth Playlist Manager" になっています。
- Playlistの変更だけでなく、リネームや削除、ドラッグ＆ドロップでPlaylistsの順序入れ替えなど行えます。→ アイコンで閉じます。
  - &imgr(): File not found: "./snaps/fb2kw_56d23bf2.png";
- 標準で Artist - Album でグループ分けされているので、2段になっているのを Single にして Title だけにします。Columns 右クリック > Double Trackline のチェックを外します。
  - &imgr(): File not found: "./snaps/fb2kw_848ba3eb.png";
- グループ化などの変更、編集は Columns 右クリックや Panel Settings... で行います。
  - &imgr(): File not found: "./snaps/fb2kw_a8904916.png";
- 標準で用意されている Columns。
  - &imgr(): File not found: "./snaps/fb2kw_10513230.png";
- General tab > Layout > Show information Panel、先ほど「Header が大きいので x 印で閉じます」ここで元に戻せます。設定を変更した後、「OK」ボタンなどありませんので「 ← Panel Settings」の ← をクリックして Playlist View 画面に戻ります。
- Columns の追加: Panel Settings > Columns 追加、編集が行えます。標準で用意されているものを表示させないようにするには、例えば Rating を選択して、Status > Visible のチェックを外します。Playlist View Columns Context menu からでも行えます。
- まずは標準で用意されている Columns を Playlist View Columns Context menu から追加してみましょう。例えば、Columns Context menu > Index と Bitrate にチェック。順番と幅はマウス操作で行います。
  - &imgr(): File not found: "./snaps/fb2kw_ffd7cc9e.png";
- # (Tracknumber) は右より、Bitrate はセンターに位置しています。Panel Settings に戻り変更します。 Column から選択し下 Text Alignment Left, Right and Center にチェックを入れて選択します。 Column から # (Tracknumber) を選択 Center にチェック。Title Format > [%discnumber%. ][%tracknumber%] に変更します。
- Columns から Bitrate を選択 Right にチェックを入れます。Playlist View 画面に戻って確認します。
- Column に Track Gain (%replaygain_track_gain%) を追加してみましょう。Technical information functions
- "New Column" をクリック > Label: Track Gain, Title Format: [%replaygain_track_gain%] と入れます。位置は、"Right" Playlist View 画面に戻ります。Columns Context menu から追加（チェック）します。Columns の位置と幅を調整します。
  - &imgr(): File not found: "./snaps/fb2kw_33620035.png";
- Panel Settings > Group tab ここでグループ分けのパターンを作成します。複数作成することが出来ます。Playlist View Columns Context menu > Groups から選択出来ます。Cover Art Status は、Header の画像表示　on/off です。
- Apperance tab Playlist View 背景 Wallpaper の設定です。Wallpaper Status - Enabled チェックで表示されます。Wallpaper Image > Album, Artist and Default（下に Dfault Wallpaper Path を入れる箇所があります）。
- Wallpaper Effects - Blurred は背景画像をぼかす効果です。Wallpaper Opacity 透過効果です。
- Wallpaperの画像比率（縦:横）は 1:1 ですが、Panel内に収まる Center Option はありません。
- Playlist View Context menu > Colours > Enable Dynamic 背景画像の色に合わせて Playlist View 全体の色が変化します。背景 Wallpaper と共に使用出来ます。
- JSPlay + Samples (Track Info + Seekbar + Buttons) と Enable Dynamic で合わせたもの。 Track Info + Seekbar + Buttons - 再生中 (Now Playing) だけ Enable Dynamic が有効になる
  #imgr(): File not found: "./snaps/fb2kw_a9cce3dc.png"

Thumbs: https://jscript-panel.github.io/gallery/thumbs/
- Configure... > Samples > Thumbs を選択します。
- 全て Context menu で設定します。
- &imgr(): File not found: "./snaps/fb2kw_7a42c2b6.png"; 最初の起動画面
- Context menu Settings
  last.fm artist art
  Automatic downloads
  Limit > 20
  Cycle > 5 seconds
  Centre
- v3.5.6 で、Blur effect (画像に応じた背景のぼかし効果）が標準となっている。
  #imgr(): File not found: "./snaps/fb2kw_4a55d5ac.png"

Smooth Playlist Manager: https://jscript-panel.github.io/gallery/smooth-playlist-manager/
- Configure... > Samples > Smooth Playlist Manager を選択します。
- Header Context menu と Playlist 上 Context menu また、Autoplaylist 上 Context menu は違うので注意。Autoplaylist には鍵（Lock）アイコンが付く。
  - &imgr(): File not found: "./snaps/fb2kw_da9c21ef.png";
  - &imgr(): File not found: "./snaps/fb2kw_25899d5f.png"; Autoplaylist
- Header Context menu
  Colours > Enable Dynamic, Enable Custom
  Background Wallpaper > None, Front cover of playing track, Custom image
  Smooth Playlist Manager にも、Enable Dynamic（Album art によって色が変わる）、Background Wallpaper Option が用意されている。
- Playlist 上 Context menu
  Load Playlist...
  Add > New Playlist
  Add > New Auto Playlist
- Autoplaylist Properties が起動する。Query pattern: を入れて OK ボタンをクリックする。Playlist に名前を付ける（リネーム）。Sort pattern: は入力しなくても構わない。foobar menu > Edit > Sort > Sort by... で Sort した方が応用がきく
  Add > Preset Auto Playlist
- Auto Playlist 作成の Preset が用意されているが、主に "Media Library" をクリックして、Media Library Search を起動させる。"Media Library Search" で条件付きな Playlist, Autoplaylist作成が出来る。
  Restore > 削除した Playlist が表示せれる。選択した Playlist が復活する。
  Duplicate this playlist
- 選択した Playlist の複製
  Edit playlist lock...
- 各 Playlist に条件を付けられる。Playlist Attributes Playlist restrictions... と同等の Option。
  - &imgr(): File not found: "./snaps/fb2kw_dfa55479.png";
- Autoplaylist 上 Context menu
  Autoplaylist properties
- Default UI / Playlist Manager にある機能で、Autoplaylist を右クリック > Autopalylist... をクリックと同じ。Autoplaylist Properties 画面が起動する。ここで Query pattern など編集出来る。
  Convert to normal playlist
- Autoplaylist を普通の Playlist に変更出来る。Trackの追加、削除が出来るようになる。

Smooth Browser: https://jscript-panel.github.io/gallery/smooth-browser/
- Configure... > Samples > Smooth Browser を選択します。
- Header Context menu
  - &imgr(): File not found: "./snaps/fb2kw_00c3fc5c.png";
- Smooth Browser も Colours > Enable Dynamic, Enable Custom Optionが用意されている。
- Album, Artist, Album Artist の中から選択する。以後 Album を選択したものとして解説していきます。
  Sort pattern...
- 他の Albumlist 同様に Title Formatting を使用して Sort pattern を入れる。
- 最近 Media Library に追加して、新しい Album を上に表示したい、最近作成して、新しい Album を上に表示したいなど。
  $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%
  Column
  Column + Album Art
  Album Art Grid (Original style) 一般的な表示方法
  Album Art Grid (Overlayed text) Album Art 下に Text が黒色で重なる。
  Show all items 左上の All Item を表示/非表示
- Panel Context menu
  - &imgr(): File not found: "./snaps/fb2kw_d4996603.png";
- Add to current playlsit 現在再生中の Playlist に追加
  Add to new playlist 新規作成 Playlist に追加
  Add to other playlist 他の Playlist を選択
  Double click > Send tp default playlist and play
  Double click > Send tp default playlist
  Default playlist name ここで Default playlist を決める。標準では、"Library selection" になっている。
- Filter (Search)
- 他の Album List 同様に Title Formatting と Query syntax を使って絞り込み検索が可能。
- 例えば、"$cut($date(%added%),7)" IS 2023-07（2023年7月にMedia Library に追加したアルバムを検索） or "$cut($date(%file_created%),7)" IS 2023-07 （2023年7月に作成されたアルバムを検索）
- Album Art の大きさを調整
- Layout Editing Mode（編集モード）にして、Header Context menu > Edit properties...をクリックします。
  - &imgr(): File not found: "./snaps/fb2kw_cdbd05e6.png";
  - &imgr(): File not found: "./snaps/fb2kw_37b368a2.png";
- JScript Panel 3 Properties 画面が開きます。
- 下から5番目 "SMOOTH,THUB,MIN,WIDTH" の値を「110」「90」にしてみて下さい。
- Jscript Panel 3 Script 3 Panels (JS Playlist, Text Display, Track Info + Seekbar + Buttons)
  - &imgr(): File not found: "./snaps/fb2kw_bc44f67d.jpg";
- v3.3.38 で Album に Date が追加された。
- v3 3.4.22 (2024-04-10) でまた "Playlist" を選択出来るようになった。

#imgr(): File not found: "./snaps/fb2kw_e0007f5f.png"

Play Log
v3.4.21 (2024-04-06) で Samples に Play Log が追加された。
- Gallery -Play Log
  - \foobar2000\profile\js_data\play_log.txt にTracks Played 履歴が残る。
- 表示の仕方に Title Formatting が使える。
- 標準では、"[%artist% - ]%title%" になっており、以下のようになる。
  - 2024-04-06 21:55:37 Gracie Moller - Wasn't Gonna Last Forever
  - 2024-04-06 21:52:23 Gracie Moller - Make It Right
- 新しい履歴が上に来て、自動で更新されるから使いやすい。

#imgr(): File not found: "./snaps/fb2kw_200dfb8e.png"

Panel Receiver
- Reply #2356 By: marc2k3

↑

JScript Panel 3 Scripts provided by User†

Text Display + Album Art + Custom SVG and PNG Buttons By: eurekagliese
- "image" フォルダを "ProfilePath + images" \profile\images or \AppData\Roaming\foobar2000-v2\image のように置く。
- 新規に JScript Panel 3 Panel を用意し Script Reply #1531 By: marc2k3 を貼り付ける (Reply #1527 eurekagliese の Script を編集したもの)。
- あとは、右クリック Custom text... から text を入れる。
- Required fonts (Twemoji Mozilla): https://jscript-panel.github.io/docs/#required-fonts
- 例えば、Playcount 2003 (foo_playcount_2003) と Country Flag (%country%) を使って $font(Yu Gothic UI,18,400,0,0,0)
  [%title%$crlf()]
  $font(Yu Gothic UI,16,600,2,1,0)$rgb(220,40,0)
  %artist%$font()[ $font(Twemoji Mozilla,16)$country_flag(%country%)$crlf()]
  $rgb()
  $font(Yu Gothic UI,14,400,0,0,0)
  [%album% '('%date%')']$crlf()
  [%__bitrate% kbps %codec% [%codec_profile% ][%__tool% ][%__tagtype%]]$crlf()
  [Playlist: %jsp3_playlist_name%]$crlf()
  [Since Last Played: $jsp3_since(%last_played%)]

#imgr(): File not found: "./snaps/fb2kw_20540396.png"

Custom Track By: eurekagliese
- Track Info + Seekbar + Buttons + Volume 改造
- Custom Track 3.2.js
- シンプルでスタイリッシュな Seekbar + Buttons
  - ディスプレイ解像度 1920 x 1080 用解像度 2560 × 1440, 3840 x 2160 などでは、アイコンやTextの配置がずれるので注意。

#imgr(): File not found: "./snaps/fb2kw_35cc8af5.png"

context menu からアイコンの変更や Layout の変更等、沢山の Option が用意されている。

#imgr(): File not found: "./snaps/fb2kw_e5a62311.png"

Text Display + Album Art + Run Service By: ApacheReal
- Text Display + Album Art + Custom SVG and PNG Buttons をパワーアップした感じで、リンクアイコンが追加されている。最後のアイコンは自分で好きに ,txt を編集するもの。
- Text Display + Album Art - Text Right + Run Service
  - 画像が左、Text は右で中央より。
- Run Service Bar
  - Run Service に登録したものをアイコン化。アイコンだけのもの。
- Apache folder
- Text Display + Album Art + Run Service.txt
- Text Display + Album Art - Text Right + Run Service.txt
- Run Service Bar.txt
- \profile\Apache or \AppData\Roaming\foobar2000-v2\Apache のように置く。
- 新規に JScript Panel 3 Panel を用意し Script を貼り付ける。
- あとは、右クリック Custom text... から text を入れる。
- Text Display + Album Art + Run Service.txt で文字がアイコンと重なる場合は、context menu > Custom text... Text の終わりに改行 "$crlf()" を数個入れて調整してください。
  - Text Display + Album Art + Run Service.txt

#imgr(): File not found: "./snaps/fb2kw_23f8ae00.png"

Run Service

#imgr(): File not found: "./snaps/fb2kw_d198122a.png"

JScript Panel Script 3 Samples Script mod Reply #1570 By: ilovefb2k
- Download: https://hydrogenaud.io/index.php/topic,110516.msg1048254.html#msg1048254 Reply #1592 By: ilovefb2k
  - Download file name: JSPP3_fb2k0 (64 bit Windows11 - screen fullHD 150pct)_22Jul24.rar
- Reply #1593 CD image folder
  - https://hydrogenaud.io/index.php/topic,110516.msg1048255.html#msg1048255
- Screen Shot
- foobar2000 v2.1.5 64bit or later, latest version v3.6.1
- "skins" フォルダを \profile\skins or \AppData\Roaming\foobar2000-v2\skins のように置く。
- Script:
  - \profile\skins\viking\scripts\jsp3 *.txt ファイル
  - \profile\skins\viking\scripts\jsp3_lib\vnav_mod *.jis ファイル
  - \profile\$recycle.bin folder
- 新規に JScript Panel 3 Panel を用意し Script を読み込む。context menu > Configure...> Tools > Import
- 詳細は、readme.txt を読んでください。
  - JSPlaylist

#imgr(): File not found: "./snaps/fb2kw_78d5fb0a.png"

Smooth Browser

#imgr(): File not found: "./snaps/fb2kw_baaca05a.png"

Thumbs

#imgr(): File not found: "./snaps/fb2kw_98d2a003.png"

JSPlaylist + Text Display Text Display は横向きに出来ます。context menu > Layout > Album Art left, Text right
Text Display のリンクアイコンの大きさは変更出来ます。DUI - Layout Editing Mode > Panel上 context menu > Edit properties... > vnav.buttons size 標準は 14

#imgr(): File not found: "./snaps/fb2kw_2f5b4cd3.png"

#imgr(): File not found: "./snaps/fb2kw_14ddefd2.png"

CD Album Art
\profile\skins\viking\scripts\jsp3\{deployed} album_art [cd-vinyl].txt
\profile\skins\viking\images\vnav_fb2k\mask\TT-ReBORN.Georgia-ReBORN (CD Image folder)
{deployed} album_art [cd-vinyl].txt: 以下の様にCD image file 部分を編集すると CD を \TT-ReBORN.Georgia-ReBORN (CD Image folder) の画像に変更出来る。
Line: 18: var Vinyl_Circle = utils.LoadImage(imgPath+'mask\\TT-ReBORN.Georgia-ReBORN\common-cd-blank.png');
Line: 320: gr.DrawImage(common-cd-blank, (www * 100) / 1390 , (whh * 48) / 2400, whh / circle2_ratio, whh / circle2_ratio, 0, 0, common-cd-blank.Width, common-cd-blank.Height, 1, angle_circle );
それでも、Line 320 の error が出る場合は、Line: 320 の先頭に // を入れる。
\profile\skins\viking\images\vnav_fb2k\mask\TT-ReBORN.Georgia-ReBORN (CD Image folder) 内の CD image に順番 or ランダムに色が変更する。

#imgr(): File not found: "./snaps/fb2kw_43adbc34.png"

CoverFlow View - "Flat Mode" Album 内の Tracks 数が確認出来る

#imgr(): File not found: "./snaps/fb2kw_e7a5b879.png"

Cover Art Animation
- https://imgur.com/a0SbEXz
- Panel上 context menu > Max number of cover cycled > All

https://foobar2000.xrea.jp/up/files/up2020.png

JSP3 VU Meter (64bit DUI- FFmpeg) By: ilovefb2k
- 上 (JScript Panel Script 3 Samples Script mod)の skin folder に "external_helper" folder を作成して、ffmpeg bin folder の "ffprobe.exe" を "external_helper" folder に入れる。
  - \profile\skins\external_helper\ffprobe.exe
- skin folder set
- 新規に JScript Panel 3 Panel を用意し Script (JSP3_64bit_VU_Meter_script.txt) を読み込む。

#imgr(): File not found: "./snaps/fb2kw_f833b284.png"

Playlist Organizer (Jscript Panel 3): by etip
- Latest Download: https://hydrogenaud.io/index.php/topic,123820.msg1035088.html#msg1035088
- 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 v1.6.xx には対応していません。
Playlist Organizer 同様直感で使用する事が出来る。

#imgr(): File not found: "./snaps/fb2kw_66321909.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 でより整理された。
- &imgr(): File not found: "./snaps/fb2kw_4fca44cd.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..."
- &imgr(): File not found: "./snaps/fb2kw_a7096663.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
- &imgr(): File not found: "./snaps/fb2kw_cb607f04.png";
Playlist Attributes Menu > Edit > Playlist attributes > Playlist restrictions..., Smooth Playlist Manager (Jscript Panel 3) Edit Playlist lock... から Playlist に条件を付けて lock すると、Playlist Organizer での Playlist 右に鍵マークが表示される。
フォルダーをシングルクリックしたときの動作の変更: フォルダーアイコンをクリックすると、フォルダーが折りたたまれたり展開されたりします。
フォルダーのテキストをクリックすると、フォルダーが選択されます。
アイコンまたはテキスト上でダブルクリックを使用すると、常に折りたたまれたり展開されたりします。
v1.8.9 F2: Rename function 追加。
v1.9.3 フォルダ階層が無制限になった。
v1.9.4 (2023-06-30) ソート方法が変更された。Ascending order (昇順), Descending order (降順)
- &imgr(): File not found: "./snaps/fb2kw_11a20add.png";
v1.9.5 (2023-07-01) で background front 画像 correct aspect ratio の on/off 機能が追加された。
- Context menu Settings > Apperance > Colors and font > Background > Set background to front cover にチェック。correct aspect ratio の選択は、"Front cover Centered" not correct aspect ratio は "Front cover Stretched"。
  - &imgr(): File not found: "./snaps/fb2kw_52e1adab.png";
v1.9.8/v1.9.9 (2023-07-16): Scrollbarの幅 Size: Small, Medium, Big and Very Big から選択出来カスタマイズ可能 (menu Settings > Appearance > Scrollbar > Size)
Scrollbarの色はcolour pickerでカスタマイズ可能 (menu Settings > Appearance > Scrollbar > Set Colour...)
- &imgr(): File not found: "./snaps/fb2kw_97e1d641.png";
v2.0.2 (2023-09-10) Background の透過率を決めないと Background が表示されない。Settings > Appearance >Colors and font > Background> Opacity %
v2.0.3 (25-09-2023) Layout を切り替えられる "Theme" が追加された。Profile フォルダに pl_organizer_theme.txt ファイルが保存される。
- &imgr(): File not found: "./snaps/fb2kw_f671ec05.png";
context menu > Restore > Playlist name 削除した 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にならない。「開く」ボタンをクリックした時バージョンと日付が更新されたか確認する。
  - &imgr(): File not found: "./snaps/fb2kw_8bf241ab.png";
Settings > Txt File Archiving > Archive file をクリックすると、"\profile\pl_organizerArchive.txt" が作成されバックアップが出来るようになった。復元: Archive file を作成すると、Settings > Txt File Archiving > Restore file が表示されるので、"Restore file" をクリックして復元出来る。
context menu > Help > Reference manual をクリックすると、小さな Help window が表示される。

↑

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... から。Background のImage settingも可能。Lyrics Display で Sentenceの間隔、hightlight font size 等の変更も出来る。
- &imgr(): File not found: "./snaps/fb2kw_b1228457.png";
- &imgr(): File not found: "./snaps/fb2kw_39916f7f.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 キーを使うと便利です。
  - &imgr(): File not found: "./snaps/fb2kw_5cd5767e.png";
Panel上マウス操作（上下）でSeek出来る。
- &imgr(): File not found: "./snaps/fb2kw_d2d1a420.jpg";
背景画像: Panel Preferences... > Panel Preferences 画面下 "Backgrounde" > Image > Image settings...
- &imgr(): File not found: "./snaps/fb2kw_fd15e6d7.png";
v0.5.4.1001 (Alpha) (2023-07-16):
- Preferences > Tools > Eslyric > Lyric Option の項目が増えた。
- Lyric Sources 画面右上「Get More... > Get online script から追加、更新する。
- ドラッグ & ドロップで上下入れ替えが可能になった。その他、Search settings, Lyric Processor などが追加された。
v0.5.4.1011 (2023-09-24) で Search Script (Lyric site) かなりの数が追加された（Georgia-ReBORN / Columns UI Theme TT氏が提供）。右にカーソルを持っていきクリック "Download" をクリックする。
- &imgr(): File not found: "./snaps/fb2kw_ff096e19.png";
- これをドラッグ＆ドロップで入れ替える。
Panel 上 context menu > Search...
- &imgr(): File not found: "./snaps/fb2kw_4584047e.png";
Panel 上 context menu > Edit Lyric
- &imgr(): File not found: "./snaps/fb2kw_ac5e1191.png";
Panel Preferences > Display tab > Spacing を変更する際、範囲が表示されます（画像左）。
- &imgr(): File not found: "./snaps/fb2kw_c69cc384.png";
ESLyric Search Script:
- ESLyric-Source-Scripts By: TT
- https://github.com/TT-ReBORN/ESLyric-Source-Scripts
  - 右上 "Code▼" > Download ZIP > ESLyric-Source-Scripts-main.zip 解凍 > searcher folder 内に Source-Scripts (.js) が入っている。
  - searcher folder を上書きする。(profile\eslyric-data\scripts\searcher)

ESLyric Layout:
.xml を作成して独自の Layout を作成する事が出来る。
作者が Sample（"Example.xml"）を公開している。
By: always.beta
- Reply #1088: https://hydrogenaud.io/index.php/topic,110516.msg1033777.html#msg1033777
"Example.xml"
- AppData\Roaming\foobar2000-v2\eslyric-data\layout\Example.xml
- \profile\eslyric-data\layout\Example.xml
- Panel Preferences > Advanced tab > Enable custom layout > Layout ▼ > Example > Layout file: パスは自動で入る。
- Example.xml ファイルはバックアップしておき、コピーしたものを使う。.xml ファイルを編集する。

#imgr(): File not found: "./snaps/fb2kw_b7358ed5.png"

左: Lyrics 右: Album Art + Info
sveakul's Layout file
Reply #62 2023-10-06
- https://hydrogenaud.io/index.php/topic,122571.msg1033803.html#msg1033803

#imgr(): File not found: "./snaps/fb2kw_63bd9587.png"

ESLyric Layout File:
- https://foobar2000.xrea.jp/up/files/up1695.zip
Layout file (.xml) に名前を付ける時はファイル名 (Example_01) と、*.xml を開いて Line: 1 <panel layout="stack" name="Example_01" orientation="horizonal"> で揃えて下さい。
Panel Preferences > Advanced tab > Enable custom layout > Layout ▼ で、編集した名前が表示され切り替える事ができる。
Lyrics の Font and Color, Spacing などは、Panel Preferences で設定する。
Panel Preferences > Advanced tab > Layout file: > Edit layout をクリックすると、Editer が起動し .xml ファイルの編集が行えます。ですが、間違えると面倒ですのでここでは簡単な修正だけにしておきましょう。編集後（反映するには）は foobar の再起動が必要です。
Panel Preferences > Advanced > Layout > SHow layout element identifiler にチェックを入れると、Layout の状態がよくわかる。
- &imgr(): File not found: "./snaps/fb2kw_1ecf8892.png";
Microsoft Store foobar2000 の場合:
- eslyric-data フォルダを以下に置く
  - \AppData\Roaming\foobar2000\eslyric-data\layout or \AppData\Roaming\foobar2000-v2\eslyric-data\layout
- \AppData\Roaming\foobar2000 フォルダが無い場合は空の foobar2000 フォルダを作成し eslyric-data を置く。
- これで、AppData\Local\Packages\Resolute.foobar2000modern_cg7j1awqsza28\LocalCache\Roaming\foobar2000-v2\eslyric-data\layout 内の .xml ファイルを読み込める。編集もこちらの .xml ファイルを編集して foobar 再起動。

参考
関連:
- OpenLyrics
- Lyric Show Panel 3

↑

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 Manager に追加されました。Playlist Manager で Playlist の名前は変更出来ます。これで「2022 のアルバムやトラックが自動で追加されます。
Trackを再生したい場合、一番右の「Track」PanelでTrackを右クリック「Play」を選択します。
例えば同じ Artist が大文字と小文字で Media Library に複数登録されている場合、Columns / Artist に大文字小文字で表示されます。
これを大文字小文字（複数）Artist Name を複数選択出来ます（ctrlキーを押しながら）。同じ様に Album もです。より絞れた Playlist (Tracks) が作成出来ます。
- &imgr(): File not found: "./snaps/fb2kw_5b36f13b.png";
最初にPanel化した際、標準で3つの縦長Panelが表示されますが、追加/削除も可能です。編集モードにしてPanel上で右クリック「Inseart new after/before」をクリックします。それか、Column (Artist...etc) 上を右クリック > Facet > Inseart new before/after でそのパネルより「前に後に」に追加出来ます。
Columns に表示した "Album" などの表示に追加で表示出来ます。Album なら items、Track なら Duration といった感じです。Columns 上を右クリック > Statistics > items (e.g.) で "items" など追加で表示出来ます。
- &imgr(): File not found: "./snaps/fb2kw_08eaa99a.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%
Filters: ReFacets Tool bar 上の▼をクリック Preferences... をクリックで、Preferences > Media Library > ReFacets > Filters 画面が開きます。
- &imgr(): File not found: "./snaps/fb2kw_60ff011a.png";
- そこに良く使う Filter Pattern を追加しておくて便利です。だいたいの Filter Pattern がありますので編集して下さい。
- 例えば、Name: Recently played Pattern: %last_played% DURING LAST 1 WEEK など、4週間を追加する Pattern: %last_played% DURING LAST 4 WEEKS
- Library 追加日 4週間を追加する Pattern: %added% DURING LAST 4 WEEKS
- File 作成日を追加する Pattren: %file_created% DURING LAST 8 WEEKS など。とても使いやすく便利になります。
- ドラッグ & ドロップで順番を変更出来ます。
- Reset するには、ReFacets Tool bar 上の▼をクリック一番上の "Filters" をクリックします。
%added%, %last_played%, %rating% など使うには、Playback Statistics 3.1.1以降が必要になりました。Playback Statistics: Title formatting fields
"$cut($date(%file_created%),7)" IS 2022-12, "$cut($date(%added%),7)" IS 2022-12 などが Search Box で使えます。2022年12月ファイル作成月、2022年12月 Media Library 追加月です。同じ年の同じ月に作成、追加した Track, Album が検索され Playlist として保存出来ます。
Playlist View での Sort Pattern (Menu > Edit > Sort > Sort by...)
- $sub(99999999,$replace(%file_created%,-,)) - $swapprefix(%album artist%) - %ALBUM% - %DISCNUMBER% - %TRACKNUMBER% - %TITLE%
- $swapprefix(%album artist%) - $sub(99999999,$replace(%file_created%,-,)) - %ALBUM% - %DISCNUMBER% - %TRACKNUMBER% - %TITLE%
- $swapprefix(%album artist%) - $sub(3000,%date%) - %album% - %discnumber% - %tracknumber% - %title%
"ReFacets" は64bitバージョンでも、また Columns UI panel としても使用出来ます。

参考

↑

Coverflow†

ファイル名: foo_coverflow
URL

Download: https://github.com/ghDaYuYu/foo_coverflow/releases
https://hydrogenaud.io/index.php/topic,119961.0.html
v1.18.0 (foo_coverflow) (2023-08-18) より、ファイル名、Component name が変更になりました。設定は初期状態になります。Chronflow Mod (foo_chronflow_mod) は削除して下さい。
- 64bit で使用する場合、Tablacus Script Control (tsc64.dll) v1.2.5.4 のインストールが必要。-"tsc64_1254.zip" をダウンロード解凍、展開されたフォルダ内 "setup.exe" を実行する。アンインストールも "setup.exe" を実行すればいい。

概要

多機能、高機能な 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 Preferences... > Album Source TAb > Playlist covers "Enable playlist covers" "Follow active playlist" にチェックを入れると表示される Cover が Playlist に追加されたものになる。Behaviour TAB > General behaviour > Follow Now Playing にもチェックを入れる。
- &imgr(): File not found: "./snaps/fb2kw_d468c77b.png";
- &imgr(): File not found: "./snaps/fb2kw_10d92218.png";
Preferences > Display > Chronflow > Cover Display > Saved confirurations > Albumart(build-in) を選択。一見普通の Album Art View の様に見えますが例えば Album Source を Playlist にしておくと Playlist 追加 Cover がマウスホイールでくるくる出来る。
- &imgr(): File not found: "./snaps/fb2kw_698b4af4.png";
v0.5.2.mod.17: Cover Display > Saved configurations Album Art Shadow などいくつか追加された。
- 上 v0.5.2.mod.16, 下 v0.5.2.mod.17
  - &imgr(): File not found: "./snaps/fb2kw_3c1bb925.png";
CHronflow Panel Context menu > Follow Now Playing, Playlist selections など Source を Active Playlist に変更が簡単に出来る。
- マウスホイールで Album Art を次々とめくる事が出来る。
  - &imgr(): File not found: "./snaps/fb2kw_39ce2ea5.png";
  - &imgr(): File not found: "./snaps/fb2kw_7ef254ce.png";
  - &imgr(): File not found: "./snaps/fb2kw_b8f33194.png";
Album Art が表示されない場合：
- Panel Context menu > Playlist covers > Show playlist tracks にチェックを入れます。Playlist Manager などで Playlist の入れ替えを行います。"Show playlist tracks" のチェックを外します。
複数の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\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 - 承認の認証情報を取得する, YouTubeのAPIキーの取り方をトコトンわかりやすく説明します
- &imgr(): File not found: "./snaps/fb2kw_76ac6cc3.png";
- &imgr(): File not found: "./snaps/fb2kw_12f63095.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」から指定する。
- &imgr(): File not found: "./snaps/fb2kw_f119eb15.png";
- &imgr(): File not found: "./snaps/fb2kw_816dcae5.png";
"yt-dlp.exe" を使ったダウンロード方法
- Preferences > Keyboad Shortcuts から [context] > Youtube Source > Copy (1) > URL を登録します。e.g. ctrl + shift + Y これで動画再生画面上でURLをコピー出来ます。
  - &imgr(): File not found: "./snaps/fb2kw_d767bc0d.png";
- ctrl + shift + Y でコピーしたら C:\yd フォルダ内からコンテキストメニュー「ターミナルで開く」を選択して、PowerShell を起動します。最初に ".\yt-dlp -f mp4" と打ち込みその次にURLを貼り付けます。
- エクスプローラーを開いた状態で、アドレスバーに「cmd」と入力。Enter キーを叩くとフォルダが移動した状態でコマンドプロンプトが起動します。
  - PS C:\yd> .\yt-dlp -f mp4 https://www.youtube.com/watch?v=KHl-PWh3Mzc
- エンターキーを叩いて100%になるのを待ちます。同じフォルダ内にダウンロードされます。
  - &imgr(): File not found: "./snaps/fb2kw_00a849b4.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)

↑

OpenLyrics†

ファイル名: foo_openlyrics.dll
URL

概要

シンプルな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.
Saving で Text file で保存するか、tag (Save to tag) に埋め込むか選択できる。また Metadata Tags も編集可能。
v1.7 (2023-10-18) から Background に Album Art 表示が可能になった。Image type, opacity, blur の設定は以下から。
- Preferences > Tools > OpenLyrics > Background
  - &imgr(): File not found: "./snaps/fb2kw_4f8b1bb0.png";
面白いOptionが用意されており、Panel Context menu > Open external window (experimental) をクリックすると、OpenLyrics Panel が外部表示される。foobar を最小化してもディスプレイに表示されている。
- &imgr(): File not found: "./snaps/fb2kw_53bb00aa.png";
参考:foobar2000:Components/OpenLyrics
関連:
- ESLyric
- Lyric Show Panel 3

↑

Flowin†

ファイル名: foo_flowin.dll
URL

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

概要

新規にPanel (Default UI element) を外部表示出来る。CUIでも使用可。CUI で Default UI element を Popup Panel 表示したいときに便利。
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'"
- &imgr(): File not found: "./snaps/fb2kw_e4595968.png";
- &imgr(): File not found: "./snaps/fb2kw_f752ee60.png";
- &imgr(): File not found: "./snaps/fb2kw_62e1af69.png"; (v2.0 beta10 x64 DUI, Media Library Search)
- &imgr(): File not found: "./snaps/fb2kw_f3542d9f.png";

↑

Effect DSP†

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

Effect DSP 0.50 beta 2 (2022-12-06) より 32bit 64bit foobar2000 and Dark Mode Support。動作は foobar2000 v1.6.14 and newer。
以下の effect 効果があります。
- Chorus
- Vibrato
- Tremolo
- Pitch Shift
- Tempo Shift
- Playback Rate Shift
- Echo
- Phaser
- Reverb
- WahWah
- IIR Filter
Default UI element としてPanel化が出来ます。
- &imgr(): File not found: "./snaps/fb2kw_e42ca039.png";

↑

Playlist View†

標準 Default UI element / Playlist Viewer
Album Art 表示、グループ分け、Columns の追加等が出来るシンプルな Playlist Viewer。
- &imgr(): File not found: "./snaps/fb2kw_35f79aae.png";
- &imgr(): File not found: "./snaps/fb2kw_c85ff2c6.png"; Custom columns, Custom grouping schemes 編集（追加）画面
- &imgr(): File not found: "./snaps/fb2kw_906b41b1.png"; 標準で用意されている Columns。Album Art のパターン (front cover,back cover等）、Playback Statistics の TitleFormatting (Play Count, Last Played等) も用意されている。Custom columns (自分で追加）は、その下に表示されます。チェックの入れ外しで選択、Playlist View 画面でのドラッグ & ドロップで位置決めして下さい。
foobar2000 v1.x,xx シリーズ SimPlaylist であった "Subgroups" がありません。1アルバムで Disc 1, Disc 2 と分けた表示が出来なくなりました。
- &imgr(): File not found: "./snaps/fb2kw_66c5485f.png"; foobar2000 v1.6.14 SimPlaylist
- &imgr(): File not found: "./snaps/fb2kw_9a1f5684.png"; foobar2000 v2.0 beta 17 64bit Playlist View
Colors and Fonts: Preferences > Display > Default User Interface > Colors and Fonts
Version 2.0 Beta Change Log - Beta 21
- > Added 'icon' column in default playlist view.
- Playlist View column に'icon' が追加されました。ファイルに埋め込んだ画像ファイルを表示することが出来るようになりました。使い方は、ファイルタイプ別 (mp3, m4a ...など）、ジャンル別、Hi-Res DSD などそれぞれです。画像の埋め込みは Properties > Artwork > Icon + から。それか、Context Menu > Tagging > Attach pictures > Icon 。
- &imgr(): File not found: "./snaps/fb2kw_8618aa11.png";
- &imgr(): File not found: "./snaps/fb2kw_87bde8eb.png"; Dark Mode

foobar2000 File Type Icons

参考:
- Default User Interface:Quick Appearance Setup
- Preferences:Default User Interface:Playlist View

↑

Album List†

標準で用意されている機能表示: Menu > Library > Album List 設定: Preferences > Media Library > Album List
foobar2000 v2.0 beta からデフォルトパターンを変更 "%year%" を使用するようにしました。%year% マッピングを追加、%date% の年部分 (最初の4桁) を読み込みます。
Album List
Titleformat Album List
Default UI element としてPanel化出来る。
Album List で "%file_created%" を使ってみる
- 例 1) %file_created% ファイル作成日
- $cut(%date%,4)|$date(%file_created%)|[%album artist% - ]%album%|[[%discnumber%. ]%tracknumber% - ]%title%
  - &imgr(): File not found: "./snaps/fb2kw_0ce44f7c.png";
- $cut(%date%,4)|%album artist%|$date(%file_created%)[ '['%album%']']|[%discnumber%. ][%tracknumber% - ]%title%
  - &imgr(): File not found: "./snaps/fb2kw_46b2501a.png";
- 例 2) 年-月-作成日
  - $cut($date(%file_created%),4)|$cut($date(%file_created%),7)|$date(%file_created%)|[%album artist% - ][%album%]|[%discnumber%. ][%tracknumber% - ]%title%
  - &imgr(): File not found: "./snaps/fb2kw_55537a47.png";
  - &imgr(): File not found: "./snaps/fb2kw_c5292d1f.png";
- $cut($date(%file_created%),4)|$cut($date(%file_created%),7)|$date(%file_created%)|[%album artist%]|[%album%][ '('%date%')']|[%discnumber%. ][%tracknumber% - ]%title%
Album List Filter で "$cut($date(%file_created%),7)" IS 2022-12, "$cut($date(%added%),7)" IS 2022-12 この様な使い方も出来ます。2022年12月ファイル作成月、2022年12月 Media Library 追加月です。
Quick Search Toolbar (32bit) と %file_created% を使ってファイル作成年、月を "YYYY-MM" という形式（同じ年の同じ月に作成）でSearch出来ます。瞬時にPlaylist Viewに表示されます。Media Library Searchでは使用出来ません。
- Preferences > Media Library > Quick Search > Tags box に追加します。Context Menu にチェックを入れ追加します。
```
Name: "File Created (YYYY-MM)" Value: "$cut($date(%file_created%),7)"
```
  - &imgr(): File not found: "./snaps/fb2kw_2c7603be.png";
  - &imgr(): File not found: "./snaps/fb2kw_7481238c.png";
Playlist View での Sort Pattern:
- $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%
- $swapprefix(%album artist%) - $sub(99999999,$replace(%file_created%,-,)) - %ALBUM% - %DISCNUMBER% - %TRACKNUMBER% - %TITLE%
- $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%
foobar2000 v2.0 beta 32bit Playlist View上で、$date(%file_created%) が表示されないアルバム等がある場合、 Menu > Edit > Select All などで選択し、Properteis > Tools ボタン > Reload info > OK を試して下さい。Media Library Scan を何度やり直しても読み込めません。
参考 General 64bit / Album List

↑

Album Art Viewer†

標準 Default UI element
画面上右クリック > Add New UI Elements or Replace UI Elements > Selection Information > Album Art Viewer を選択して表示します。
Album Art Sources は、Preferences > Display > Album art から。
Front cover, Back cover, Artist, Disc があります。
画像を埋め込む操作は、Properties > Artwork tab からです。ここでは "Icon" 画像が埋め込めます。
Album Art Viewer で右クリックから画像を切り替える事が出来ますが、常に Front cover, Artist を表示したければ TAB化して複数の Album Art Viewer Panel を表示します。TAB上をマウスホイールで切り替えることが出来ます。
- &imgr(): File not found: "./snaps/fb2kw_0434a04f.png";
Albun art（Front cover, Back cover, Artist, Disc, Icon）など、複数の画像を埋め込んでいる場合、JScript Panel 3 Samples > "Album Art" を使うとよいでしょう。マウスホイールで画像を切り替えることが出来ます。
Picture file type: *.jpg;*.png;*.bmp;*.gif;*.webp

↑

Media Library Search†

標準で用意されている機能表示: Menu > Library > Search
Media Library Search
Default UI element としてPanel化出来る。
- &imgr(): File not found: "./snaps/fb2kw_f9cf3091.png";
Media Library Search の Search Box であまり "SORT BY" にこだわらないない方が良い。foobar Menu > Edit > Sort > Sort by... にいくつか Sort Pattern を作成、または Auto Playlist を作成した場合、Playlist Manager で作成した Playlist を右クリック "Autoplaylist..." をクリックして "Autoplaylist Properties" ダイアログを表示する。"Sort pattern" に入れる。この2つを基本にした方が楽だし早い。foobar2000 v2.0 beta で Media Library Search の Search Box "SORT BY" で使用出来ない、Title Formatting, Query syntax が幾つかあるようです。
例えば、Media Library Search の Search Box に標準で使用出来るようになった "%file_created%" （ファイル作成日: 他のPC, HDDなどにコピー、移動しても変わらない）を使って "%file_created% DURING LAST 8 WEEKS" と入力し右上...からAutoplaylist を作成する。Playlist Manager で作成した Autolaylist を右クリック "Autoplaylist..." をクリックして "Autoplaylist Properties" ダイアログを表示する。"Sort pattern" に "$swapprefix(%album artist%) - $sub(3000,%date%) - %album% - %discnumber% - %tracknumber% - %title% と入れる。"The" 抜きのアルバムアーティスト - 新しいDateが先にくる - アルバム - ...といった感じ
- &imgr(): File not found: "./snaps/fb2kw_adcc12ea.png"; foobar2000 v2.0 beta 12 x86 (Linux Mint 21)
全てのファイルを読み込めていない、タグ周りがおかしいなど、Library の再構築を行いたい場合、以下の2つのフォルダ、2つのファイルを削除してから Scan を行う。
- Standard installation: \AppData\Roaming\foobar2000-v2\library-v2.0, playlists-v2.0, library-index.sqlite, metadb.sqlite
- Portable installation: \foobar2000\profile\library-v2.0, playlists-v2.0, library-index.sqlite, metadb.sqlite
%added%, %last_played%, %rating% など使うには、Playback Statistics 3.1.1以降が必要になりました。Playback Statistics: Title formatting fields %file_created% DURING LAST 8 WEEKS
%added% DURING LAST 8 WEEKS
%last_played% DURING LAST 4 WEEKS
"$info(encoding)" IS lossy
%replaygain_track_gain% MISSING
%rating% IS 5
"$cut($date(%file_created%),7)" IS 2023-11
"$cut($date(%added%),7)" IS 2023-11
%play_count% GREATER 9
Pathinfo (foo_pathinfo) をインストールすると、%folder_created% および %folder_modified% titleformat フィールドが使えます。
- Media Library Search 他の Filter 検索:
  - %folder_created% DURING LAST 4 WEEKS
  - %folder_modified% DURING LAST 4 WEEKS
- "$cut($date(%folder_created%),7)" IS 2023-11 と入力検索すると 2023-11月に作成されたフォルダ内の Tracks が表示されます。
- yyyy-mm-dd で表示したい場合、$date(%folder_created%) を使う。
- Columns に表示: $date(%folder_created%)
- 簡単な Sort Pattern:
- 例）$sub(99999999,$replace(%folder_created%,-,)) - $swapprefix(%album artist%) - $sub(3000,%date%) -%ALBUM% - %DISCNUMBER% - %TRACKNUMBER% - %TITLE%
参考 Media Library Search

↑

Playlist Manager†

標準 Default UI element。Panel化しなくても、Menu > View > Playlist Manager からPopUp表示が可能
名前の通り Playlist 管理 Panel。Playlist name, Items, Duration, Total size を表示出来る。
Album List, Media Libarary Search, Refacets, Coverflow_mod, Smooth Playlist (JSP3) などでPlaylist作成やマウスアクションによってここに Playlist として送られる。
ドラッグ & ドロップで上下移動出来る。グループ分けは出来ない。Playlist Organizer (foo_plorg) はまだ64bitに対応していない。
Playlist Manager にある Auto Playlist を右クリック > Autoplaylist をクリックすると、「Autoplaylist Properties」が表示される。ここで "Filter Pattern" "Query pattern" "Sort pattern" などの編集が行える。
複数のPlaylist を一つの Playlist に追加 (Send to) したい場合、複数の Playlist を選択し、右クリックします。一番下「Contents」から Context Menu に入って Utilities > Send to playlist... をクリックし Playlist name を選択します。この操作「Send to playlist... 」を Keybord Shortcuts に登録すると便利です。Utilities > Send to playlist... が無い場合は、Preferences > Display > Context Menu > Utilities を確認して下さい。ここで New Playlist name を作成することも出来ます。
- &imgr(): File not found: "./snaps/fb2kw_b5f288df.png";
- &imgr(): File not found: "./snaps/fb2kw_cb69ad12.png";
エクスプローラからTrack, Albumを Playlist name にドラッグ & ドロップすることも出来ます。
Default UI だとツールバーに "Playlist Switcher" を表示することで Playlist の表示、入れ替えが出来ます。また、Shiftキーを押しながら Menu > View > Switch to playlist からも Playlist の入れ替えが可能です。
Playlist フォルダ: \AppData\Roaming\foobar2000-v2, \profile\playlists-v2.0 フォルダ内 index.txt ファイルは以下のようになっている
- index.txt (: より右が Playlist name になっている)
  - 0232ADF3-A544-4DA0-A1A4-85CC54743588:New Playlist (4)
  - A65D091D-C0B8-48D5-8ACA-C56303B47AEF:Halestorm
  - 303DE530-6098-4AEF-8F1B-7F02B1F798BB:2022

↑

Selection Properties†

標準 Default UI element
選択した Track, Album Info など Properties / Metadata と Details (Location, General) を表示出来ます。ここでの編集も可能です。
- &imgr(): File not found: "./snaps/fb2kw_0f1da7f1.png";

↑

Equalizer†

標準で装備されている DSP。Default UI element, Columns UI panel の両方でPanel化出来る。
周波数帯域別に音量を変化 (低音・中音・高音などを個別に音量調節) させることのできるエフェクト。低音と高音を強調してメリハリのある音質にしたり、中音を際立たせてボーカルにフォーカスするといった使い方が出来る。
- Preferences > Playback > DSP Manager > Equalizer を Active DSPs に入れて有効にする
  - Equalizer presets (.feq) Equalizer 下にある "Load preset" をクリック ".feq" を読み込む
  - EQ-Presets (.feq) 右上▼から Download ZIP をクリック ".feq" を読み込む
  - iTunesの定番プリセットをfoobar2000に移植したイコライザー設定「Perfect fb2k」「Eargasm Explosion fb2k」
  - &imgr(): File not found: "./snaps/fb2kw_44121171.png";

↑

Visualisations†

標準で装備されている全てのVisualisationsを DUI CUI の両方でPanel化が可能。
- Oscilloscope
- Peak Meter
- Spectrogram
- Spectrum
- VU Meter
  - &imgr(): File not found: "./snaps/fb2kw_5e923e00.png"; foobar2000 v2.0 beta 12 Columns UI a3

↑

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を表示（管理）する。
Queue 機能: Keep Queue, Play Next, Stop After Queue, Send to playback queue, Flush playback queueなどが詰め込まれた優れもの。
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 close" Option が追加された。いわゆる "Keep Queue" です。
v1.0.8 column/Item TitleFormatting を使用しカスタマイズ出来るようになった。右クリック "title formatting..." から。
- &imgr(): File not found: "./snaps/fb2kw_8af14287.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 を使う。
- &imgr(): File not found: "./snaps/fb2kw_b5e1ca4b.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 の前に追加される。いわゆる "Play Next"。
- &imgr(): File not found: "./snaps/fb2kw_f9f04753.png";
v1.0.18 で Queue Viewer に登録された Queue の "Sort" Option が追加された。Columns 右クリック > Sort > "Sort by..." は、TitleFormatting を使用出来る。あとは、"Randomise" と "Reverse"。
- &imgr(): File not found: "./snaps/fb2kw_81192770.png";
v1.0.1 (2023-04-07) より foobar2000 32bit 64bit foobar2000 v2.0 Support する。
- &imgr(): File not found: "./snaps/fb2kw_442bc7f7.png";
- &imgr(): File not found: "./snaps/fb2kw_fd80a0e5.png";
v1.0.25 (2024-02-21)
#imgr(): File not found: "./snaps/fb2kw_adc6c254.png"
v1.0.26 context menu
#imgr(): File not found: "./snaps/fb2kw_55cfb298.png"

参考: Stop After Queue, 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 する。
- &imgr(): File not found: "./snaps/fb2kw_cee03f72.png";

↑

Popup Panels†

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

参考: Columns UI panel 64bit/Popup Panels

↑

Playlist Tour†

ファイル名: foo_playlisttour

参考 Playlist Tour

↑

Internet Radio†

foobar2000 v2.1 preview 2023-07-10: 標準のPanel Internet Radio Panel を追加。Default UI element, Columns UI panel 共に対応している。
インターネットラジオパネルとラジオブラウザ統合を実装。
PopUp 表示は、 Menu > View > Internet Radio <Internet Radio>
とにかく直感で操作出来るのが良い。
- &imgr(): File not found: "./snaps/fb2kw_33777bc0.png";
- &imgr(): File not found: "./snaps/fb2kw_11c589ec.png"; PopUp
- &imgr(): File not found: "./snaps/fb2kw_8c0f9fba.png";
What is radio-browser?
選択しダブルクリックで Playlist View に表示される。
Playlist Manager に「Internet Radio」Playlist が作成される。
"Browse" tab Country を "Japan" にする。日本のラジオ局が並ぶ。
"Known Stations" tab 下 Add all played radio stream to the list にチェックを入れると再生した Stream name が追加される。
"Known Stations" tab 下「Play by stream address:」に URL を入れて追加出来る。
"Known Stations" tab の Playlist name は選択して、DEL キーで削除出来る。
"Known Stations" tab に追加されたName URL は foobarを閉じても削除されない。
今のところ Playlist Manager「Internet Radio」Playlist にお気に入りを追加 Pool 出来ない。
"Known Stations" tab がその役割を果たしているので削除して整理するか、新規に Playlist Manager「Internet Radio favorit」などの Playlist を作成し、キーボードに "Send to playlist" を登録などして送るなど工夫が必要。
foobar2000 v2.1 preview 2023-07-19 で Internet Radio Panel 画面が少し変更があった。TABが一つ減って、Search tab で検索をするには、"Name" を選択して横のBoxにワードを入れて検索する。
- &imgr(): File not found: "./snaps/fb2kw_eb11743b.png";
Internet Radio Front cover を表示するには:
- 例）C:\Program Files\foobar2000\Radio\radio.jpg のように "radio.jpg" 画像を置いておく。
- Preferences > Display > Album art > Front cover > Search
  - $if($not(%length%),C:\Program Files\foobar2000\Radio\radio.jpg)
  - $if($strstr(%path%,'://'),C:\Program Files\foobar2000\Radio\radio.jpg)
- &imgr(): File not found: "./snaps/fb2kw_653f6eef.png"; Cover Flow Mod
- &imgr(): File not found: "./snaps/fb2kw_92745a44.png"; JSPlaylist (JScript Panel 3)
foobar2000 v2.1 preview 2023-07-27 で、Search tab に "Station details" が追加された。
- ワードを入れて検索後、ラジオ局のNameを右クリック > Play, Open home page, Copy stream URL, Bookmark stream and "Station details" が表示される。 "Station details" をクリックするとブラウザが起動し、ラジオ局の詳細が表示される。
%length% の表示方法:
- $if2(%length%,LIVE)
- $if(%length%,%length%,LIVE)

↑

Internet Radio List†

foobar2000 v2.1 preview 2023-07-20 から標準で備わっている "Internet Radio" の "Known Station" tab だけのもの。
"Internet Radio" Search tab ▼をクリックして、「Name」にして横のboxに検索ワードを入れると、"Known Station" に追加される。その他、"Play by stream address: のラジオ局のURLを入れると"Known Station" に追加される。

↑

Internet Radio Search†

foobar2000 v2.1 preview 2023-07-20 から標準で備わっている "Internet Radio" の "Search" tab だけのもの。
Country, Language, Tag, Name がある。「Name」にして横のboxに検索ワードを入れると、"Known Station" に追加される。

↑

TagBox†

ファイル名: foo_tagbox
URL

概要

Panel化した TagBox で Tag 編集が行える。今のところ Default UI element Only。Columns UI は Popup panel として使用出来る。
設定は、Preferences > Tools > Tagging > TagBox
Playlist View > context menu > TagBox クリックで、Popup も用意されている。 Tag 編集後 Apply Changes をクリックする。
v0.220 (2023-09-03) 32bit 64bit foobar2000 v2.0+ Support する。
v0.221 現在入っている TAG だけが表示されるようになった。勿論追加も出来る。
v0.221 Preferences > Tools > Tagging > TagBox ここで順序を入れ替えたり、Tagを追加（編集）したものは、Panelでは反映されない。
Preferences からの設定は、Playlist View > context menu > TagBox クリックで Popup したものに反映される。
Panel 化した場合の設定は、Panel 上右下の設定アイコンをクリックして、"Configurtion" をクリックします。
- &imgr(): File not found: "./snaps/fb2kw_122839e9.png";
すると、"TagBox Element Configurtion" が表示されるので、ここで順序の入れ替え、TAGの追加、削除、変更等の設定を行う。TAG 追加の場合は、下の "Add" をクリックする。
- &imgr(): File not found: "./snaps/fb2kw_7567d5cb.png";
- &imgr(): File not found: "./snaps/fb2kw_f3ca977d.png";
- &imgr(): File not found: "./snaps/fb2kw_e9a7773e.png";
&imgr(): File not found: "./snaps/fb2kw_71adbf46.png"; Popup TagBox の下 Tool アイコンをクリック Filename -> Tag
Preferences で例えば、Label: Genre List Values > Values Below で追加出来る。; (semicolon) 半角スペース。Acid Jazz; Acid Punk; Acid; Alternative; AlternRock; 。Playlist View Context menu > TagBox で "Genre" ▼をクリックすると小さい Box が表示され追加されている。複数の Genre を選択出来、反映される。
- &imgr(): File not found: "./snaps/fb2kw_bd9dbc20.png";
profile/configuration/foo_tagbox.dll.cfg ファイルは、Preferences の設定、Columns UI Popup TagBox を考慮して Popup TagBox のみの設定。

↑

Vital Bookmarks†

General 64bit - Vital Bookmarks 参照

↑

Lyric Show Panel 3†

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

歌詞表示パネル。埋め込み、テキスト形式が表示可能。
埋め込み、.txtファイル特定のフォルダに保存出来る。
Default UI element と Columns UI panel で使用可能。
v0.6 (foo_uie_lyrics3) 2023-11-18 より 32bit 64bit foobar2000 v2.0 サポートする。
設定:
- Preferences > Lyric Show Panel 3
- Panel 上を右クリック > Panel preferences... > Lyric show Settings
- &imgr(): File not found: "./snaps/fb2kw_0198c4db.png"; 右の Panel "Text Display"/JScript Panel:
Lyric Show Panel 3 Panel 上を右クリック > Panel preferences... > Lyric show Settings 画面
- &imgr(): File not found: "./snaps/fb2kw_0ad049ad.png";
Multi-source lyrics Lyric Show Panel 3 (64bit) 用 Lyrics Seaching Component
参考 32bit Lyric Show Panel 3
関連:
- ESLyric
- OpenLyrics

↑

Queue Editor†

ファイル名: foo_queue_editor
URL

Latest Download: https://hydrogenaud.io/index.php/topic,73648.msg1036338.html#msg1036338
Home: https://github.com/ghDaYuYu/foo_queue_editor

概要

Based on Queue Contents Editor の 64bit 対応版。ファイル名、component 名変更。
v1.0 2023-11-18 より、32bit 64bit foobar2000 v2.0 対応。動作は、foobar2000 v2.0 以降。
v2.0 beta 2023-11-27 Dark-Mode に対応。
Preferences > Tools > Queue Editor から追加、編集出来る。
v2.0 beta 6 で Context menu > Session queue > Save now / Restore last が追加された。
Preferences > Tools > Queue Editor > Session queue: Load when fb2k starts / Save on exit Option も用意されている。
- &imgr(): File not found: "./snaps/fb2kw_97a442d5.png";
- &imgr(): File not found: "./snaps/fb2kw_339f0020.png";
- &imgr(): File not found: "./snaps/fb2kw_07625224.png";
- &imgr(): File not found: "./snaps/fb2kw_5c62ff2c.png";
v2.0 (2023-12-12) で Panel Context menu に Properties, Session queue > Flush playback queue が追加された。"Flush playback queue" は登録した queue 全削除機能。
- Stop After Queue (foo_stop_after_queue) をインストールしてあれば、Panel Context menu に "Stop after queue" が追加される。登録した最後の queue 再生後に停止する。
  - &imgr(): File not found: "./snaps/fb2kw_f717adbe.png";
Queue Viewer

↑

mpv Video†

ファイル名: foo_mpv
URL

Download: https://github.com/intrigit/foo_mpv/releases
Home: https://github.com/intrigit/foo_mpv
Topic: foo_mpv - Video Player component based on mpv
- https://hydrogenaud.io/index.php/topic,119836.0.html

概要

libmpv を使用して foobar2000 でローカルビデオファイルを再生できる。Panel化出来ます。
設定は Preferences > Tools > mpv
0.6.11 beta (2023-12-04) より foobar2000 v2.0 Support する。今のところ 64bit のみ。
デフォルトでサポートされていないものについては、FFmpeg Decoder Wrapper をインストールして構成できます。
Panel化して、Playlist View に動画をドラッグ & ドロップして再生すればよい。
DSP component も使用出来る。
- &imgr(): File not found: "./snaps/fb2kw_e174e1a7.png";

↑

WebView†

ファイル名: foo_uie_webview
URL

Download: https://github.com/stuerp/foo_ui_webview/releases/
Topic: foo_uie_webview:https://hydrogenaud.io/index.php/topic,126042.0.html

概要

Microsoft Edge WebView2 コントロールを UI Panelとして公開するコンポーネントです。
複数のプログラム言語(HTML/CSS/javascrip)を使用し、Track Info をはじめとして、レイアウト、デザイン、他サイトからのTrack, Artist, Album 情報等高機能表示 Panel。
Panel 表示については、付属のテンプレートを参照してください。
Preferences > Display > WebView → data folder path/Template file path を指定する。
\profile\foo_uie_webView が Data folder。テンプレートのファイルなどを入れる。
DUI Layout Editing Mode > Add New Element > utility > WebView
CUI > Layut > Inseart panel > Panel > WebView
編集は、Panel context menu > 開発者ツールで調査する > ソース
まだ、埋め込み画像には対応していない。例えば、Track (Album) 内に、folder.jpg (Cover.jpg) と Artist.jpg を用意しなければならない。
Template:
- Reply #211 By: Julero 2024-07-08
- Reply #301 By: Julero 2024-07-21
- Panel context menu > WebView > Preferences > User data folder Path と Template file path を入れる (*.html file)。

#imgr(): File not found: "./snaps/fb2kw_32bbf524.png"

#imgr(): File not found: "./snaps/fb2kw_0d3da581.png"

yeyo 2024-07-10 - foorab
- Panel context menu > WebView > Preferences > User data folder Path と Template file path を入れる (*.html file)。
- Preferences > Display > WebView
- 右下の Control Panel らしきものの何だかわからないが、2番目の四角にチェックを入れると Albumart が CD に映りこむ。
- Albumart はタグに対応していないので Album 内に cover.jpg, folder.jpg, front.jpg など用意する必要があります。Artist 画像も同じでファイル名を artist.jpg とします。Template file (*.html file) で確認する必要があります。

#imgr(): File not found: "./snaps/fb2kw_ce1b2792.png"

他の Panel と合わせた Layout。右 ESLyric、下 JScript Panel Script 3 Samples Script mod By: ilovefb2k - CoverFlow View - "Flat Mode"

#imgr(): File not found: "./snaps/fb2kw_5d68de56.png"

Spin Disc By: ApacheReal

↑