User interface/UI Element の履歴(No.59)

参考

Facets†

ファイル名: foo_facets
URL: http://foobar2000.audiohq.de/foo_facets/
概要

連結リストのコンセプトに基づく Media Library Viewer。やたらと軽い Music Browser みたいなもの。 Playlistとしては勿論、タグ付けの確認やまとめてのタグ編集に便利。
Columns UI にはPanel化出来ませんが、componentをインストールしてあればPopup Panelとして表示（使用）可能です。 Menu > Library > Facets をクリックします。Keyboard Shortcuts に登録しておけばすぐに起動出来ます。。
- &imgr(): File not found: "./snaps/fb2kw_97edd851.png";
Album ArtサイズはCtrl + マウスホイールで+-が可能（他のcomponent同様）
Flowin を利用して外部表示する事も出来る。 Menu > View > Flowin > Facets > Show をKeybord Shortcuts に登録しておけば表示したい時に表示出来る

解説

#imgr(): File not found: "./snaps/fb2kw_4cd43600.jpg"

↑

Text Display UI Element†

ファイル名: foo_textdisplay
URL: http://www.foobar2000.org/components/view/foo_textdisplay
概要: (標準の設定では)再生中は再生しているトラックのメタデータ、そうでない時は選択したトラックのメタデータを表示する UI Element。簡単な再生状況表示や、歌詞表示に使用するとよい。text ファイルなど、メタデータでないものには対応しない。

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

Add New UI Elementsダイアログ > Selection Information > Text Displayを選択する。設定は, 配置後右クリック > Setting... から。
画像例 (簡単なNow Playing Screen): Album Art Viewer + Text Display + 右 SimPlaylist
改行には$crlf()を使用する。
[%title%$crlf()]
[%artist%$crlf()]
[%album%[ '('%date%')']$crlf()]
[%playback_time% / ][%length% ]$crlf()
[Codec: %codec%]$crlf()
[ %bitrate%kb/s ]
[%samplerate%Hz]$crlf()
cwbowron's title format hooks mod と File Date Time などを使えば表示出来るTrack (Playlist, 作成日時等）情報が増える
[%title%$crlf()]
[%artist%$crlf()]
[%album%$crlf()]
[ '('%date%')'$crlf()]
[Track Number: %tracknumber%][ / %totaltracks%]$crlf()
[Playlist name: %cwb_playinglist%]$crlf()
[%cwb_playing_index% / ][%cwb_playinglist_count%]$crlf()
[File Created: $date(%file_created%)]$crlf()

・再生中の Playlist name:
・再生中の Track がPlaylist の中で何番目か
・再生中 Track 作成日
- &imgr(): File not found: "./snaps/fb2kw_48c32c10.png";

↑

Shpeck - Winamp vis plug-ins wrapper†

ファイル名

foo_vis_shpeck

URL

概要

UI Element (DUI) と UI Extension (CUI)で使用可能。Visualization の項参照。

Add New UI Elementsダイアログ > Playback Visualisation > Shpeckを選択し表示する。設定は、Preferences>Visualisations>Shpeck から。 UI Elementsパネルとして表示していなくても、メニュー > View > VisualizationsからVisualizationを選択すると外部表示が出来る。 foobar本体を最小化しても別窓でVisualizationを表示する事が可能。

#imgr(): File not found: "./snaps/fb2kw_cb942526.jpg"

MiliDrop V2.24: foobar2000.exe と同じフォルダに 'winamp' フォルダを置く。 Preferences>Tools>Visualisations>Shpeck>Winamp directory に 'winamp' フォルダパスを入れる。
Available plugins BOXに MilkDrop v.2.24/MiliDrop V2.24 と表示されればインストール成功。 Available pluginsでMilkDrop v.2.24を選択し、右ConfigureからMiliDropの設定。Start/Stopで動作の確認が出来る。

↑

Screen Saver Host†

ファイル名: foo_vis_screensaver
URL: http://foosion.foobar2000.org/components/?id=screensaver
概要: Screensaver Visualization "Screen Saver" Groupから選択。 Main menu > View > Layout > Enable Layout Editing Mode にチェックを入れてから画面右クリックしてScreen Saverを選択する。 Visualization の項参照。

#imgr(): File not found: "./snaps/fb2kw_1ea52588.jpg"

↑

Infospect†

ファイル名

foo_infospect

URL

概要

プロパティを簡素パネル化した感じで再生中のトラックのメタデータなどを表示する。編集は出来ない。

↑

Waveform Seekbar†

ファイル名

foo_wave_seekbar

URL

概要

UI Element、UI Panelとして再生トラックを波形状に表示させるSeekbar。UI Element (DUI) と UI Extension (CUI)で使用可能。 DirectX August 2009 runtime redistributableインストールが必要。

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

"foo_wave_seekbar.dll"はcomponentsフォルダ内に、"effects"フォルダはfoobar2000インストールフォルダ内に配置する。Utility グループから選択して表示する。
effects by foosion | foosion's Waveform Seekbar effects updated Post #438 by bb10 Frontend: Direct3D 9.0c mode / Misc.: Shade played　(seekbar.fx.txt → seekbar.fx → effects directory)
Post #349 by Zao（作者）
v0.2.0でConfigurationが変更、Display multi-channel表示可能。

↑

Waveform Minibar (mod)†

ファイル名: foo_wave_minibar_mod.dll
URL

概要

トラックの波形を表示するシークバー。オリジナルのWaveformSeekbarの軽量版。DUI CUI の両方をサポートする。
v1.0.46より、Preferences > Tool > Waveform Minibar (mod) に、"Use half wave mode" が追加された。
- &imgr(): File not found: "./snaps/fb2kw_4f34b527.png";
DUI Panel化の仕方公式フォーラム by Case
Wiki hydrogenaudio/Waveform Minibar (mod) (foo_wave_minibar_mod)
#imgr(): File not found: "./snaps/fb2kw_ee355943.png"

↑

WSH Panel Mod†

ファイル名

foo_uie_wsh_panel_mod, interface.api, jscript.api

URL

http://code.google.com/p/foo-wsh-panel-mod/downloads/list
v1.6.3, wsh_marc2003 (WSH Panel Mod script samples): https://foobar2000.xrea.jp/up/files/up1457.zip
2015/11/09以降 JScript Panel に変更

概要

Windows Script Host (WSH) を使用してタスクを実行する。UI Element (DUI) と UI Extension (CUI)で使用可能。Utility グループから選択して表示する。

サンプルにあるAlbum Covers buttons to switchの使い方例
- これは、アルバムアートや集めた画像をPanelに合わせて自動、手動で表示を切り替えるWSH Mod Panel Sample。フォルダ指定もワイルドカードも使用出来ます。 Preferences >Tools > WSH Panel Mod の"Safe mode"のチェックを外します。"Album Covers buttons to switch.txt"を貼り付けたら、右クリック「WSH Cover Propeaties...」をクリックします。左Box「Image.DefaultimagePath」がDefaultimage、No Coverみたいなものです。右のBoxに好きな画像のPathを入れます。左Box「Image.SouceFormat」がAlbumart画像になります。ここをArtist Image画像にしたければ、右BoxにPathを入れます。
- 標準 : <embed>||$directory_path(%path%)\cover.*||$directory_path(%path%)\folder.*
- アーティストイメージ画像などを集めて、新規作成したフォルダにアーティストフォルダごとに分類したアーティストイメージ画像を次々と表示したいなど
- C:\Last.fm Artist Image\%artist%\*.*||<embed>||$directory_path(%path%)\cover.*||$directory_path(%path%)\folder.*
- 左から優先されます。画像が表示されない、切り替わらない場合、一度別のアルバムのTrackを再生して下さい。ホイール操作でも画像の切り変えが可能です。編集は、Menu > View > Layout > Enable Layout editing modeにチェックを入れてからコンテキストメニュー「Configure」から。CUIの場合、Preferences > Display > Columns UI > Layout tab > Configure

参考URL

WSH Panel Mod Discussion, WSH Panel Mod script discussion/help.

サンプル

foo_uie_wsh_panel_mod "Samples"
JSPlaylist, CoverFlow View v1.5.1, WSH Tree Explorer
HTPC Fullscreen panels II (WSHtpc)
"Coverart Reflektion & Shadow" (code by grimes) / Code, "Coveranimation"
Album Covers buttons to switch
- WSH Cover Panel Mod 上記画像表示スクリプトのMod版
Lyric Show Modoki 高機能な歌詞表示スクリプト

↑

Biography View†

ファイル名

foo_uie_biography

URL

概要

Biography View 0.4.0.0以降 UI Element (DUI) と UI Extension (CUI)で使用可能。Playback Information グループから選択して表示する。 UI extension - Biography View 参照。

Run External Scripts

↑

Lyric Show Panel 3†

ファイル名

foo_uie_lyrics3

URL

概要

歌詞表示パネル。埋め込み、テキスト形式が表示可能。UI Element (DUI) と UI Extension (CUI)で使用可能。UI Elementは、Utility グループから選択する。Online歌詞サーチ付（自動、手動）。パネル表示されている歌詞のSource type（Search order: box）を確認するには、パネル上コンテキストメニュー "About current lyrics..."をクリックする。foo_uie_lyrics2の後継。

関連

複数のLyrics SeachingコンポーネントMulti-source lyrics (foo_multisource), Custom lyrics source, Minilyrics source, foo_lrc_metalarchives

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

左パネルは、scripts for foobar2000 + JScript Panel

Lyric Show Panel 3が不安定な為、Multi-source lyricsの作者、及び公式フォーラムではOpen Lyrics Panelの使用を推奨している。
Open Lyrics Panel

↑

Cover Flow†

ファイル名: foo_bubble_coverflow
URL: http://www.hydrogenaudio.org/forums/index.php?s=&showtopic=60664&view=findpost&p=685254
概要: Utilityグループ > Cover Flow を選択して表示する。環境依存でUI Elementとして表示出来なくても Main menu > View > Show cover flow Window で外部表示可能。設定は、画面右クリックPreferences...から。Fontの色は、メニュー > Preferences > Display > Default User Interface > Colors and Fonts > Highlight で。

UI extension - Cover Flow

↑

Podcatcher†

ファイル名: foo_podcatcher
URL: http://www.unkempt.co.uk/fb2k/foo_podcatcher.html
概要: UI Elementsとして表示可能なPodcastリストパネル

↑

EsPlaylist†

ファイル名: foo_uie_esplaylist
URL: http://foo2k.chottu.net/
概要: ELPlaylistの簡易バージョン。Windows XPはサポートしていません。UI Extension/UI Element対応。Playlist Renderers グループから"EsPlaylist"を選択して表示する。

アルバムアートが表示され、再生したい画像をダブルクリックするとPlaylist Viewerになるという感じです。画面上右クリック設定には、Grouping, Playlists, Optionsがある。Column上右クリックでColumnの編集可能。「Edit Column」も備えている。「Edit Column」設定は、Column項目のName変更、Format、 Dynamic Format、Alignで位置決めなどわかりやすく簡単になっている。ColumnのArtwork幅を広げればArtwork画像大小調節になる。

Column 項目上で右クリック > Insert Column > から表示したい項目を選択（クリック）するとその前に表示される。削除は消したい項目上で右クリック「Delete Column」をクリックすると削除される。Column上右クリック「Enable Typing Search」機能 → チェックで ON/OFF。例えば、「Title」で「Enable Typing Search」をON状態にしておく、キーボードで「J」と叩くと、上から「J」で始まるTitleにカーソルがいく。ON状態だとNextも「J」で始まるTitleを探しにいく。Options > Apperance からColumnやスクロールバーの表示/非表示切り替えをチェックで行える。

Preferences > EsPlaylist > Groupingタブ > Preset Setting でGroupingを選択ダブルクリックで、「Grouping Settings」画面を表示しSettingする。（Gruoping, Title, Side info, Artwork）その他、Sort format機能も備えている。

Behabiour タブでは、Browse Library Action機能選択出来る。Playlistから選択Tracks（Album）の削除は、keyboard "delete"で行う。アルバムアートが無い場合、Nocover画像表示設定は、v1.0 API 対応ですので、Preferences > Display の ”Album art”下「Sub image path」で画像を指定します。 UI Element - Selection Information - Album Art Viewerを参照して下さい。

Grouping分け > Line上(Grouping Separate)をダブルクリックするとTrackが隠れアルバムアートと情報の表示に変わります。EsPlaylist View上右クリック Options > View Style > Layered View にチェックします。

"inline tag-editer"追加でEsPlaylist上TAG編集が可能になった。Edit Column... > Linked Meta Fiels:選択。Options > Inline-Editにチェック > EsPlaylist上ダブルクリック編集。

#imgr(): File not found: "./snaps/fb2kw_2633f0ff.jpg"

UI extension - EsPlaylist

↑

UPnP/DLNA Renderer, Server, Control Point†

ファイル名

foo_upnp.dll

URL

概要

foobar2000 Media Library のサーバー化。こちら側のfoobar2000の音楽を他のデバイスで出力（再生）出来る（コントローラー）。他のデバイスでfoobar2000 Media Library、Playlistを再生出来る（スマホ、タブレットなど。レンダラー）。
UPnP Browser/Controllerパネル化 : 追加、置き換え UI Element Type>Utility>UPnP Browser/Controllerを選択する。Controllerは、こちら側のfoobarから他のデバイスのfoobar(foo_upnp.dll, UPnP MediaRenderer Output (foo_out_upnp.dll)インストール済み)）で音楽を出力出来る。音声出力側のfoobar Preferences>Tools>UPnP>Server>Internet Acsess で Alow Internet accessのチェックとIPアドレス、ログイン名、パスワードの設定をしておくこと。両側の設定が終わり両方のfoobarを起動する。UPnP Controller上部に"Select a device..." と表示されていれば準備完了。相手側のNetwork nameを選択してPlaylist>UPnP Controller Playback Queueを再生する。また、UPnP Controllerは、メニューからの操作も用意されている。Menu>Playback>UPnP Controllerから。
下の画像は、UPnP Browserで他のデバイスのMusic Libraryを選択して、こちら側のfoobarで聴いている。 UPnP Browserで他のデバイスのPlaylistを選択すると、こちら側のfoobarにUPnP Browser SellectionというPlaylistが作成され、Playlist Viewに表示されている。後は再生するだけ。サーバー、コントローラー、レンダラー機能と楽しいコンポーネント。このコンポーネントを使用する際、家庭内LANの構築とそれなりのセキュリティが必要。

関連参考

General/通信系 - UPnP/DLNA Renderer, Server, Control Point
UPnP MediaRenderer Output
BubbleUPnP Server
画像は、右上UPnP Browser/下Controllerパネル

#imgr(): File not found: "./snaps/fb2kw_60d6c844.jpg"

↑

Queue Contents Editor†

ファイル名: foo_queuecontents
URL

概要: UI Element (DUI), UI extension (CUI) 対応。 Utilityグループ"Queue contents"を選択。Add to Playback Queueに登録したTrackを表示、Queue Playlistを作成する。 TitleFormattingにより、登録Queue Track名変更可能。またQueue Playlist名も変更出来る。設定は、Preferences > Tools > Queue Contentsから行う。また、Panel内でドラッグ＆ドロップでトラックの順番を入れ替える事が出来る。Main menu > View > Queue Contents Editor で外部表示も出来る。 Queue Contents Editor (foo queuecontents) wiki
#imgr(): File not found: "./snaps/fb2kw_102a1e03.png"

↑

Quick Search Toolbar†

ファイル名

foo_quicksearch

URL

http://www.foobar2000.org/components/view/foo_quicksearch

概要

Media Library 検索パネル。Quick Search Toolbar (foo_uie_quicksearch)のUI Element (DUI), UI extension (CUI) 対応版。 UI Elementの場合、「Media Library Viewers」グループ"Quicksearch"を選択します。CUIの場合、Column UI 0.3.8+が必要になります。
設定は、Preferences > Media Library > Quicksearch、Quick Search Toolbarプルダウンからでもいけます。Panelとして組み込んでいなくても、Main Menu > Library > Quicksearch で外部表示可能です。Context Menuに「Search for same」が追加されます。
Context Menuに追加したければ、Preferences > Media Library > Quicksearch > tags 画面でNameを選択し、Context Menuにチェック後Changeボタンをクリックします。
例えば、Playlist View > Context Menu > Quicksearch for same > Artist をクリックします。すると選択したTrackと同じアーティストのPlaylistを瞬時に作成してくれます。他のアルバム、トラックすべて抽出してくれます。
TitleFormattingを使って編集したり、自分で作成も出来ます。
フォルダ構成にもよりますが、%artist%\%album%\[%discnumber%. ][%tracknumber% - ]%title% など（Artist\Album\Track）としている場合、標準で Preferences > Media Library > Quick Search > Tags boxに入っている "$directory(%_path%,1)" を "$directory(%_path%,2)" としてやると、Artist全体のAlbumがPlaylist Viewに表示されます。
Quicksearch UI Element (foo quicksearch) wiki

↑

Bookmarks†

ファイル名: foo_bookmarks
URL: http://www.hydrogenaudio.org/forums/index.php?showtopic=46612
概要: Bookmarks参照。v0.3.1で、UI Element (DUI) と UI Extension (CUI)対応。Utilityグループから選択。設定は、Preferences > Tools > Bookmarks、 Palnel上右クリック「Settings...」からでもOK。「Special」タブの「Show settings for: > Focused playlist にすると左「Playlist」が選択可能となる。操作は、Playlist上コンテキストメニュー「Bookmark」を選択する。自動で追加させる事も可能。bookmark_icons DUIのみ。

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

↑

Playlist Organizer†

ファイル名

foo_plorg

URL

概要

プレイリストをツリー形式で整理し、分類するためにフォルダ階層を作成する。

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

Alternatives

foobar2000 v2.0 x64 対応
- Playlist Organizer (Jscript Panel 3) By: etip (JScript Panel 3)
類似 Panel (SMP Script)
- Playlist Manager By: regor (Spider Monkey Panel)

↑

TagBox†

ファイル名

foo_tagbox

URL

概要

カーソルで選択、再生中のTrackのタグ表示、編集可能な UI Element。Utilityグループから選択する。Rating付け機能も備えている。

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

↑

VU Meter†

ファイル名: foo_vis_vumeter
URL

http://foobar2000.ru/forum/viewtopic.php?t=4061
http://www.dll-found.com/foo_vis_vumeter.dll_download.html
インストール: foobar Preferences > Components > Installed components 画面にドラッグ＆ドロップします。

概要

UI Element, UI panelとしても使用可能なアナログVUメーター。Playback Visualizationグループから"Analog VU Meter"を選択する。 Panelとして表示しなくても、Menu > View > Visualizations > Analog VU Meter で外部表示できる。
VU Meter Skin (.bin) 2023-03-31
- *.bin ファイルを以下のフォルダに入れる。"Analog VU Meter" を表示させたら、Panel上で右クリックから SKin を選択する。
  - \AppData\Roaming\foobar2000\user-componentsfoo_vis_vumeter\
  - foobar2000\profile\user-components\foo_vis_vumeter\

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

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

↑

SimPlaylist†

ファイル名

foo_simplaylist.dll

URL

概要

Default UI element Playlist View。Layout Editing Modeからパネル化する。グループ分け、Columnsのカスタマイズ、アルバムアート、イメージ画像表示可能。

#imgr(): File not found: "./snaps/fb2kw_9a9aef18.jpg"

#imgr(): File not found: "./snaps/fb2kw_2d975621.jpg"

↑

SimPlaylist Search†

ファイル名

foo_simplaylist.dll

URL

http://www.foobar2000.org/components/view/foo_simplaylist

概要

SimPlaylist付属 Playlist Searchパネル。Columnsに多数の項目が用意されている他、自分で追加出来る。またグループ分けの機能も付いている。設定はSimPlaylistと同じ。検索した後、Playlist Viewとして使用出来る。また、SimPlaylistを表示していなくても、SimPlaylist Searchをパネル化出来る。

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

画像: 赤枠 'SimPlaylist Searchパネル'、青紫は 'Toolbar/Playlist Switcher' Playlistの中から'Media Library'を選択、つまり全体の中からQuery syntaxを使用し条件付き検索を行った。

↑

SimPlaylist Manager†

ファイル名

foo_simplaylist_manager.dll

URL

概要

Default UI element Playlist パネル。Layout Editing Modeからパネル化する。 Playlist Managerとの違いはColumnsに多数の項目が用意されており、多数の情報を表示、分類出来る事。

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

↑

Chronial's Coverflow†

ファイル名

foo_chronflow.dll, glfw3.dll

URL

概要

Columns UI Panel "Chronial's Coverflow" のDefault UI版。v0.4.3からColumns UIでの使用も可能。 Visual Studio 2013 の Visual C++ 再頒布可能パッケージが必要。

Layout Editing Modeにして、Add New UI Element>Media Library Viewers>Chronial's Coverflowを選択する。 Preferences > Display > Chronflow あるいは、Coverflowパネル上で右クリック > "Chronflow Preferences" をクリックして設定。

Keyboard shortcuts (while the panel has focus):
- F5: refresh
- ctrl-F5: hard refresh
- F6: show currently playing album

設定は Preferences > Display > Chronflow から。Displayタブで表示するアルバムタイトルの編集。Positionで文字の位置決め。 Cover Displayタブで Saved Configurations プルダウンメニューから標準で用意されている中から選択してみて下さい。下の Compile / Apply ボタンをクリックします。「Compilation successfull」と表示されると切り替わります。

↑

JScript Panel†

ファイル名: foo_jscript_panel.dll
URL

https://github.com/marc2k3/fb2k-archive/releases (foo_jscript_panel-2.8.8.fb2k-component)
https://hydrogenaud.io/index.php/topic,110516.0.html

概要

WSH (Windows Script Host) を実行しいろいろなPanelを作成できる。WSH panel modが更新されない為、また古いScript Panelがクラッシュするという事態を避ける為に新たにコンポーネント名を変えて作成使用。
foobar2000 v1.3以降、Windows Vista以降、DUIとCUIの両方をサポートする。
2022-04-23に "JScript Panel ３ (foo_jscript_panel3.dll)" が公開されたために、こちらは "JScript Panel 2" と呼ぶこともある。

基本操作

DUI: Menu > View > Layout > Enable layout editing mode にチェックを入れてPanelを表示。Tool Bar に "Layout Editing Mode Toggle" にチェックを入れて "Layout Editing Mode" を表示させておくと便利。JScript Panel画面上を右クリック > Configure... > Menu > Samples から選択。あるいは Menu > File > Import... > Script ファイル (.txt) を読み込む。
CUI: Preference > Display > Columns UI > Layout から。あるいは、 Menu > View > Liout > Live editing クリックから。

Samples

foo_jscript_panel同梱 "samples"フォルダ置いてある場所。
- Portable installationの場合: \profile\user-components\foo_jscript_panel\samples
- Standard installationの場合: AppData\Roaming\foobar2000\user-components\foo_jscript_panel\samples
- JScript Panel - Thumbs: &imgr(): File not found: "./snaps/fb2kw_a8f95cd0.jpg";
JScript Panel Script samples
- JS Playlist: &imgr(): File not found: "./snaps/fb2kw_575b1f44.jpg";
- JS Smooth Playlist Manager
- JS Smooth Browser: &imgr(): File not found: "./snaps/fb2kw_74588de6.jpg";
JScript Panel 2.x.x シリーズ版 Coverflow_View_by_Br3tt.txt
JScript Panel Script Samples by WilB
- JScript Panel: YouTube Track Manager 3.9.5.4
- JScript Panel: Library Tree 1.4.0.4
- JScript Panel: Biography 0.9.0.4: &imgr(): File not found: "./snaps/fb2kw_48401025.jpg";
Lyric Show Modoki 高機能な歌詞表示スクリプト。JScript Panel, WSH Panel Modに対応している。
tmp_biography mod (Biography Text && Picture. www.last.fm)
Spectrogram Seekbar
- foo_jscript_panel v2.7.4 ～
- fontawesome-webfont インストール
- ProfilePath に "ffmpeg.exe"(release builds - ffmpeg-release-full.7z)を置く。
- Standard installation: C:\Users\UserName\AppData\Roaming\foobar2000\ffmpeg.exe
- Portable installation: foobar2000\profile\ffmpeg.exe
- Configuration画面>Samples から「spectrogram seekbar」を選択。
- Different colour per channel: 右クリック > FFmpeg showspectumpic options... [s=1024x128:mode=separate:color=channel]
- &imgr(): File not found: "./snaps/fb2kw_905b6ab8.jpg";
- colours/other options: https://ffmpeg.org/ffmpeg-filters.html#showspectrumpic
- s=1024x128:mode=separate, s=1024x128:color=rainbow, s=1024x128:mode=separate:color=channel など
- &imgr(): File not found: "./snaps/fb2kw_f43dc40b.jpg";
参考 Sox Spectrogram Seekbar

関連

WSH Panel Mod

参考

JUNK Reno - JScript Panel txt和訳 JUNK Reno - foobar2000のwsh panel mod(JScript)のサンプルコード

↑

JScript Panel 3†

ファイル名: foo_jscript_panel3.dll
URL

https://github.com/jscript-panel/release/releases
3.3.0 Changes:https://jscript-panel.github.io/docs/changes/3-3-0/
v3 3.3.0 (2023-07-04) で、foobar2000 1.6.6+ foobar2000 2.0 32bit 64bit Support 統一された。
Default UI element 64bit / JScript Panel 3

概要

大規模な変更のため、このコンポーネントはJScript Panel 3（foo_jscript_panel3.dll）という名前であり、以前のJScriptPanelに上書きしない。
JScript Panel 2 スクリプトに互換性を持たせるには大幅な変更が必要になるそうです。当分は "samples (JScript Panel 3 Configuration)" でTESTして下さい。
"samples"フォルダ内のScriptファイルは豆に更新されています。foo_jscript_panel(2)のスクリプトや "Spider Monkey Panel Script"とは機能的に違う点が多々ありますので Changes で確認して下さい。
最大の変更点は、changesページで詳しく説明されているすべてのグラフィックスと画像処理のやり直しです。
JScript Panel (foo_jscript_panel.dll) と共にインストール、別にPanel化する事ができます。
基本的にWindows 10/11 は "WebP" をサポートしています。Windows 7/8/8.1で使用する場合は、"WebpCodecSetup.exe" をインストールしてください。
参考 JScript Panel (JScript Panel2)
Thumbs (foobar2000 v1.6.10 Default UI) JScript Panel 3 3.0.0-Beta.1
- &imgr(): File not found: "./snaps/fb2kw_5d82e4c9.jpg";
Thumbs (foobar2000 v1.6.10 Columns UI) JScript Panel 3 3.0.0-Beta.1/Columns UI 2.0.0-alpha.1
- &imgr(): File not found: "./snaps/fb2kw_759c8aeb.jpg";
JS Playlist + spectrogram seekbar (foobar2000 v1.6.10 Default UI) JScript Panel 3 3.0.0-Beta.1
- &imgr(): File not found: "./snaps/fb2kw_601476a4.jpg";
JS Playlist (foobar2000 v1.6.10 Columns UI) JScript Panel 3 3.0.0-Beta.2/Columns UI 2.0.0-alpha.1
- &imgr(): File not found: "./snaps/fb2kw_e416b084.jpg";
  - .\foobar2000\profile\user-components\foo_jscript_panel3\samples\Thumbs.txt
  - .\foobar2000\profile\user-components\foo_jscript_panel3\samples\JS Smooth Playlist.txt
  - .\foobar2000\profile\user-components\foo_jscript_panel3\samples\Spectrogram Seekbar.txt

↑

ESLyric†

ファイル名

foo_uie_eslyric.dll

URL

概要

多機能な歌詞表示パネル。DUI（工具>ESLyric)、CUI（面板>ESLyric）共にパネル化可能。歌詞検索サイトスクリプトが用意されており追加も可能。Display表示も可能。Panelダブルクリックで全画面表示も出来る。設定は、Preferences>Tools>ESlyric から。
- 歌詞検索サイトスクリプトの追加は、"scripts"フォルダを C:\Users\username\AppData\Roaming\foobar2000\user-components\foo_uie_eslyric\scripts の様に作成し、スクリプトファイル（xxx.js）を "scripts"フォルダ内に置く。Preferences>Tools>ESLyric>Seach>Lyric Source>Updateをクリックする。Box内に追加されたか確認する。
- Lyricファイルを保存する場所の設定は、Tools>ESLyric>Search>Lyric Save Save Scheme: > Configuration folder>C:\Users\username\AppData\Roaming\foobar2000\lyricsフォルダが作成されLyricファイルが保存される。 Save Scheme: > Save to user defined folder で任意の場所にフォルダを作成しLyricファイル保存先を指定出来る。保存はパネル上コンテキストメニューから。Portable installationの場合、歌詞検索サイトスクリプト置き場>\foobar2000\components\scripts, Lyricファイル保存先 Configuration folder \foobar2000\lyrics となる。
Preferences>Display>Default User Interface>Colors and Fonts>Defaultでフォントと大きさ決定。
Columns UIのフォントの変更は、Display>Columns UI>Colours and Fonts>Fontsタブ>Fonts>Elements : Common (list items) > Change...から。
#imgr(): File not found: "./snaps/fb2kw_9bb784dd.png"

↑

Youtube Source†

ファイル名

foo_youtube.dll

URL

概要

Panel化し、YouTube動画を再生出来る。Media Library 以外、保存してある動画ファイルをPlaylistにドラッグ & ドロップして再生出来る。
似たComponentに foo_mpv - Video Player がある
Youtube SourceのPanel化は、Layout Editing Mode > Add New UI Elements > Video を選択する。
PlaylistからTrackを選択し右クリック>Youtube Source>Search>Live version (e.g.)、新規Playlistが作成され、Playlist View画面に変わる。そこから選択し再生する。追加したVideo Panelで再生が始まる。
設定は、foobar2000>Preferences>Tools>Youtube Source
- Maintenanceタブ>Third-party Binaries
- Binary|Source - ffmpeg|LAV Filters, LAV Filters|System, libcurl|Internal, youtube-dlが"yes"となっていること。
- foo_youtube, libcurl_7_68 (libcurl.dll) 同じファルダに入れて置けばいい: https://fy.3dyd.com/download/
- LAVFilters: https://github.com/Nevcairiel/LAVFilters/releases
- ffmpeg: https://www.gyan.dev/ffmpeg/builds/
- youtube-dl (youtube-dl.exe) コマンドライン Video Downloader: https://github.com/ytdl-org/youtube-dl/releases
- パスが通っている場所に置く。youtube-dlが"yes"となっていなかったら、右クリック"System"、それでも認識しなければ"External"からファイルを指定出来る。
- >youtube-dl -U (コマンド更新とバージョン確認)
Youtube Data API Key - 承認の認証情報を取得する, YouTubeのAPIキーの取り方をトコトンわかりやすく説明します
手動URLの指定: Menu>file>Youtube Source>Add multiple URLs...
"yt-dlp.exe" を使った場合。現在YouTubeダウンローダーとしては、こちらが主流。
Preferences: Youtube Source > Third-party Binaries>youtube-dl上右クリック>Externalから"yt-dlp.exe"を指定する
Foundは"yes"になりfoobar本体は再起動がかかる
- &imgr(): File not found: "./snaps/fb2kw_c657cb58.png";
- yt-dlp.exe
- yt-dlp向けのパッチ(yt-dlp作者）が当てられたFFmpeg
- https://github.com/yt-dlp/FFmpeg-Builds
- ffmpeg-master-latest-win64-gpl.zip
- &imgr(): File not found: "./snaps/fb2kw_0b33f6d1.jpg";

#imgr(): File not found: "./snaps/fb2kw_be728571.jpg"

Youtube Source + youtube-dl.exe + ffmpeg 環境で動画をダウンロードする方法
- youtube-dlでストリーミング動画をダウンロード保存する方法
  - https://laptopreneur.net/youtube-dl%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9-youtube%E4%BF%9D%E5%AD%98/
- ffmpeg\bin フォルダにyoutube-dl (youtube-dl.exe)をコピーする。binフォルダをリネームしてパスが通っている場所に置く。 ffmpeg.exe, ffplay.exe, ffprobe.exe, youtube-dl.exe
- Preferences>Keyboard Shortcuts>Add new から、[context]-Youtube Source--Copy(1)---URLを登録する。
- 動画画面上でURLを取得する。コマンドプロンプト（cdコマンド）で保存フォルダに移動しておく。
- エクスプローラーを開いた状態で、アドレスバーに「cmd」と入力。Enter キーを叩くとフォルダが移動した状態でコマンドプロンプトが起動します。
- youtube-dl [ダウンロードしたいURL] （基本）
  - youtube-dl -f mp4 https://www.youtube.com/watch?v=IHNzOHi8sJs の様にオプションを入れたコマンドを打ち込みます。同じ動作を繰り返す際、↑キーで履歴が出ますのでURLだけを変更するだけです。
- フォルダから開く方法: ffmpeg.exe, ffplay.exe, ffprobe.exe, youtube-dl.exeが入ったフォルダを開いて、メニュー>ファイル>Windows PowerShellを開く>Windows PowerShellを管理者として開くからコマンドを打ち込む。".\youtube-dl"と打ち込む。.\youtube-dl -f mp4 https://youtu.be/5ch94AaPZRQ
  - Windows11｜PowerShellを起動する方法（管理者も）
  - PowerShell 7.x.x x64 (PowerShell-7.x.x-win-x64.msi)
  - &imgr(): File not found: "./snaps/fb2kw_f15cd821.jpg"; （Windows PowerShellを使用した画像）
- yt-dlp.exe を使う方法。
  - yt-dlp向けのパッチ(yt-dlp作者）が当てられたFFmpeg
  - https://github.com/yt-dlp/FFmpeg-Builds
  - ffmpeg-master-latest-win64-gpl.zip
- "yt-dlp.exe" PowerShellを使ってダウンロードする方法。"yt-dlp.exe", ffmpeg.exe, ffplay.exe, ffprobe.exe が入っているフォルダから、管理者でPowerShellを起動します。
- 「.\yt-dlp -f mp4 https://www.youtube.com/watch?v=4gXmClk8rKI 」の様に打ち込みます。
- "yt-dlp.exe"のあるフォルダ内に保存（ダウンロード）されます。
  - &imgr(): File not found: "./snaps/fb2kw_937db832.jpg"; (PowerShell 7.x.x x64 (PowerShell-7.x.x-win-x64.msi)を使用した画像）

↑

Flowin†

ファイル名: foo_flowin.dll
URL

Discussion: https://hydrogenaud.io/index.php?topic=120109.0
Download: https://github.com/ttsping/foo_flowin/releases
Flowin 0.1.7 beta (2022-03-27) by always.beta

概要

新規にPanel (Default UI element) を外部表示出来る。CUIでも使用可。
Dockable Panelsの簡易版
Downloadサイトから"bin.zip"をダウンロードして、"bin.zip"をPreferences: Conponents>Installed components画面にドラッグアンドドロップする。
表示方法は、Menu>View>Flowinから
- &imgr(): File not found: "./snaps/fb2kw_3418bd7f.jpg"; (Flowin + JS Smooth Browser + Mini Panel)
  - "Mini Panel" [WSH Panel Mod Plus Script] by always.beta
  - foo_uie_wsh_panel_mod_plus が必要。
  - Skin フォルダは、foobar2000.exe と同じフォルダ内に置く。
  - Menu>View>Flowin>New Flowin から新しいPanelを表示して「WSH Panel Mod Plus」を選択する。Mini Panel - en.txt を貼り付ける。

↑

OpenLyrics†

ファイル名: foo_openlyrics.dll
URL

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

概要

シンプルなLyric display panel。Searchも充実していてこれで十分だと言える。
v1.0 での標準Searching: QQ Music, Musixmatch, Genius.com, AZLyrics.com, NetEase Online Music, DarkLyrics.com, Local files and ID3 tags
#imgr(): File not found: "./snaps/fb2kw_8553c7bc.jpg"
左側: Album Art (JScript Panel) + Text Display UI Element (foo_textdisplay.dll)

↑

Spider Monkey Panel†

ファイル名: foo_spider_monkey_panel.dll
URL

Home
Download
Discussion
v1.6.1-mod (2023-05-02) 32bit fixed version By: marc2k3
SMP-Fonts をインストール。
jsplaylist-mod を使うには Windows fonts - WingDings 1, 2 & 3 が必要。

概要

Mozilla FirefoxのオープンソースSpiderMonkeyエンジンを使用してPanel化、ボタン化など行う。DUIとCUIの両方をサポートする。

Samples

Single panel scripts
Full themes, Georgia-ReBORN
Spider Monkey Panel Scripts by WilB 2022-09-05 に公開した下の3つのScriptはfoobar2000 v2.0 に対応しました。
フォント fontawesome-webfont インストールが必要
- Biography　Biography/README.md
- Library Tree　Library-Tree/README.md
- Find and Play　Find-and-Play/README.md Youtube Source (foo_youtube) が必要
Package (.zip) file 置き場例 (Biography v1.2.0 (by WilB).zip)
- For standard installations of any version of foobar2000: C:\Users\<UserName>\AppData\Roaming\foobar2000\foo_spider_monkey_panel\{BA9557CE-7B4B-4E0E-9373-99F511E81252}\Biography v1.2.0 (by WilB).zip
- For portable installations of foobar2000 v1.6 or later: .\foobar2000\profile\foo_spider_monkey_panel\packages\{BA9557CE-7B4B-4E0E-9373-99F511E81252}\Biography v1.2.0 (by WilB).zip
- For portable installations of foobar2000 1.5 or earlier: .\foobar2000\foo_spider_monkey_panel\packages\Biography v1.2.0 (by WilB).zip
- foo_spider_monkey_panelフォルダを作成、フォルダ内にpackagesフォルダ、{BA9557CE-7B4B-4E0E-9373-99F511E81252}フォルダ作成 → Package (Biography v1.2.0 (by WilB).zip)フォルダを置く。
- Biography: {BA9557CE-7B4B-4E0E-9373-99F511E81252}
- Library Tree: {E85C9EF0-778B-46DD-AF20-F4BE831360DD}
- Find and Play: {F5E9D9EB-42AD-4A47-B8EE-C9877A8E7851}
DUIの場合、"Layout Editing Mode"に切り替えて、Panel上右クリック Configure panel... /Panel properties...>Script tab>Package>Package manager>"Import"をクリックしてPackage (Biography v1.2.0 (by WilB).zip)を選択する。CUIの場合、Preferences>: Layout>Configure panel... から。
Update A.)
- 例えば"Biography v1.2.0 (by WilB).zip"を解凍して展開されたフォルダ内の全てのフォルダ、ファイルを（"assetsフォルダ" "scriptsフォルダ" "main.jsファイル" "package.jsonファイル"）、それぞれのフォルダ内（Biography: {BA9557CE-7B4B-4E0E-9373-99F511E81252}）に上書きする。
Update B.)
- Package (Biography v1.2.0 (by WilB).zip)を同じフォルダ内({BA9557CE-7B4B-4E0E-9373-99F511E81252})に置いて、Spider Monkey Panel Configuration画面から>Package>Pacage manager>Biography v1.2.0 (by WilB)をクリックする。
Standard installationsで、エラー"C:\Program Files (x86)\foobar2000\foo_spider_monkey_panel\tmp\unpacked_package"と表示され、Package (.zip)フォルダを選択出来ない場合、"C:\Program Files (x86)\foobar2000\foobar2000.exe" 右クリック「管理者として実行」で起動する。
各Panel Options... > Options から詳細な設定が可能。
#imgr(): File not found: "./snaps/fb2kw_fc0463ee.jpg"

#imgr(): File not found: "./snaps/fb2kw_df58ad44.jpg"
- Biography v1.2.0 (2021-07-25)
  #imgr(): File not found: "./snaps/fb2kw_717986a7.png"
  
  #imgr(): File not found: "./snaps/fb2kw_1a459d94.png"
- Library Tree v2.2.0 / Find and Play v1.0.0 (2021-07-25)
  #imgr(): File not found: "./snaps/fb2kw_5b170a89.jpg"
- Library Tree v2.3.2 (Left 2) / JS Smooth Playlist Manager (Columns UI panel)
  #imgr(): File not found: "./snaps/fb2kw_88392b0b.jpg"
- Library Tree v2.3.4 foobar2000 v2.0 beta 3 (32bit)
  #imgr(): File not found: "./snaps/fb2kw_b0c74723.png"
  
  #imgr(): File not found: "./snaps/fb2kw_58ca66de.jpg"
- Find and Play v1.3.0 (2023-05-13) Similar Artist from Last.fm foobar2000 v2.0 (32bit)

Sox Spectrogram Seekbar:
- foobar2000\profile\user-components\foo_spider_monkey_panel\samples\complete\spectrogram seekbar.js
- fontawesome-webfont インストール
- Sox と ffmpeg が必要。 SoX Spectogram folder (sox.exe and ffmpeg.exe)

var sox_exe = fb.ProfilePath + "sox\\sox.exe";
var ffmpeg_exe = fb.ProfilePath + "sox\\ffmpeg.exe";
sox-14.4.2フォルダを"sox"にリネームする。フォルダ内に"ffmpeg.exe"をコピーする
ProfilePath（profileフォルダ内）に"sox"フォルダを置く。
SoX options...は、"sox.pdf" - spectrogram [options]を参照の事。
標準では "channels 1 spectrogram -Y 130" となっている。
z num OPTION Z-axis (colour) range in dB, default 120.Num may range from 20 to 180.
例: channels 1 spectrogram -Y 130 -z 160
- &imgr(): File not found: "./snaps/fb2kw_c5f63e6c.jpg";
参考 JScript Panel Spectrogram Seekbar

regorxxx's Foobar2000 SMP Scripts
- Playlist Manager
- Playlist Tools
- Device Priority
  - Spider Monkey Panel を表示させ、右クリック Configure panel... > Package > ダウンロードした "*.zip" ファイルを読み込ませる。"\profile\foo_spider_monkey_panel\packages" に設定フォルダが追加される。
  - /readmes/playlist_manager.pdf "*.pdf" 形式で使い方が置かれている。
Not-A-Waveform-Seekbar-SMP

SpiderSpider Monkey Panel と ffmpeg を使用した foobar2000 の Seekbar。実際の波形ではなく、RMS またはピークレベルに基づいています。Spider Monkey Panel Script By: regor
Home: https://github.com/regorxxx/Not-A-Waveform-Seekbar-SMP
- Download: https://github.com/regorxxx/Not-A-Waveform-Seekbar-SMP/releases
foo_spider_monkey_panel v1.6.1 を使用すること
Spider Monkey Panelを表示します。右クリック > Configure panel... > Package > Script package manager 画面で "Import" をクリックしてダウンロードした「Not-A-Waveform-Seekbar-SMP-1-0-0-beta-4-package.zip」を選択します。OK ボタンをクリックします。黒い画面が表示されます。編集モードをOffに切り替えます。
\profile\foo_spider_monkey_panel\packages\{293B12D8-CC8B-4D21-8883-1A29EAFC4074 フォルダが作成されます。
Panel 右クリック > Enable seekbar をクリックして、Trackを再生して下さい。
あとは、Home ページを参考に右クリックから設定して下さい。）

Linux/Wine の環境で Spider Monkey Panel(foo_spider_monkey_panel.dll)を使うには
- Winetricks>Install a Windows DLL or component にチェックを入れてOKをクリック。
- Package から gdiplus (MS GDI+), gdiplus_winxp (MS GDI+) を選択しチェックを入れる
- Geckoをインストールする wine-gecko-2.47.2-x86.msi, wine-gecko-2.47.2-x86_64.msi の両方をインストールする（wine uninstaller インストールから）。
- &imgr(): File not found: "./snaps/fb2kw_8d219f1f.jpg";
  - foobar2000 v1.6.10 + Spider Monkey Panel v1.6.1
  - Ubuntu Cinnamon 21.04 + Wine 7.6 (Development)
  - Biography 1.1.3
- &imgr(): File not found: "./snaps/fb2kw_30a815e6.jpg";
  - Linux Mint 20.3 (Cinnamon) + Wine 7.7 (Development)
  - ./foobar2000/profile/user-components/foo_spider_monkey_panel/samples/js-smoothJS/Smooth Browser.js
- Topic: Wine/Spider Monkey Panel/Script bugs on Linux
Old version by WilB
Biography, Albums, Title, Similar artist, Lyrics info v03052022 by kgena_ua
- フォント、フォントサイズ、画像、アーティスト情報等選択可能な使いやすいSMP Script。
Spider Monkey Panel スクリプトへ書き換え smp-scripts by tomato111, tomato111/smp-scripts v1.2 (20 Jun 2020)

↑

JSplitter†

ファイル名: foo_uie_jsplitter.dll
URL

Home
JSplitter 3.6.1.8 (foo_uie_jsplitter.dll) (2024-07-25)
- https://drive.google.com/file/d/1vJgKpxu3QGWIqqO2s9rGRH75fyi_MH8q/view
JSplitter 2.8.8 (foo_uie_jsplitter.dll) (2022-08-06)
- https://1drv.ms/u/s!Al_R2bXPNznklR06hWJr13s1Znlr?e=9pbfu7
JScript Panel SpiderMonkey Pael の更新に合わせて更新されるようです。

概要

JScript Panel / SpiderMonkey Script使用してPanel化する。その他のDefault UI element、Columns UI panel もPanel化出来るSplitter。DUIとCUIの両方をサポートする
JSplitter v2.x シリーズ → JScript Panel (JSP Script) に相当
JSplitter v3.x シリーズ → SpiderMonkey Panel (SMP Script) に相当
別枠でJSplitterをいくつもPanel内で表示でき（Popup表示ではない）、ドラッグ&ドロップで好きに配置できます。ドラッグで大きさも自由に変更出来ます。
別枠のJSplitterを重ねる事もできます。重ねることによってPanelを大きく使えます。使い方次第で綺麗なレイアウトになるかもしれません。
- &imgr(): File not found: "./snaps/fb2kw_52fe6862.jpg"; (JSplitter v3.x, DUI)
- &imgr(): File not found: "./snaps/fb2kw_f688ce29.jpg"; (JSplitter v3.x, DUI)
- &imgr(): File not found: "./snaps/fb2kw_bd1a373c.jpg"; (JSplitter v2.x, DUI)
- &imgr(): File not found: "./snaps/fb2kw_e607caf5.jpg"; (JSplitter v3.x, CUI) :使い方参考

↑

Loudness Peakmeter†

ファイル名: foo_loudness_peakmeter
URL

概要

Loudness と Sample Peak 測定および視覚化する。Default UI element, Columns UI panel 両方に対応する。

↑

Facets†

Text Display UI Element†

Shpeck - Winamp vis plug-ins wrapper†

Screen Saver Host†

Infospect†

Waveform Seekbar†

Waveform Minibar (mod)†

WSH Panel Mod†

Biography View†

Lyric Show Panel 3†

Cover Flow†

Podcatcher†

EsPlaylist†

UPnP/DLNA Renderer, Server, Control Point†

Queue Contents Editor†

Quick Search Toolbar†

Bookmarks†

Playlist Organizer†

TagBox†

VU Meter†

SimPlaylist†

SimPlaylist Search†

SimPlaylist Manager†

Chronial's Coverflow†

JScript Panel†

JScript Panel 3†

ESLyric†

Youtube Source†

Flowin†

OpenLyrics†

Spider Monkey Panel†

JSplitter†

Loudness Peakmeter†

参考†