#author("2022-05-01T17:37:04+09:00","","")
#contents

***Facets [#g9f7ecf1]
:ファイル名|
foo_facets
:URL|
http://foobar2000.audiohq.de/foo_facets/
:概要|
-連結リストのコンセプトに基づく Media Library Viewer。やたらと軽い [[Music Browser>#qdc42f1c]] みたいなもの。
Playlistとしては勿論、タグ付けの確認やまとめてのタグ編集に便利。
-Columns UI にはPanel化出来ませんが、componentをインストールしてあればPopup Panelとして表示(使用)可能です。
Menu > Library > Facets をクリックします。Keyboard Shortcuts に登録しておけばすぐに起動出来ます。。
--https://foobar2000.xrea.jp/up/files/up1452.png
-Album Artサイズはマウスホイールで+-が可能(他のcomponent同様)
-[[Flowin:https://foobar2000.xrea.jp/?User+interface/UI+Element#b5e966f5]] を利用して外部表示する事も出来る。
Menu > View > Flowin > Facets > Show をKeybord Shortcuts に登録しておけば表示したい時に表示出来る
:解説|
--[[Facets 解説]]
--[[Foobar2000:Components/Facets (foo facets):http://wiki.hydrogenaud.io/index.php?title=Foobar2000:Components/Facets_(foo_facets)]]

#imgr(./snaps/facets.jpg);

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

#imgr(./snaps/up1230.png);
-Add New UI Elementsダイアログ > Selection Information > Text Displayを選択する。設定は, 配置後右クリック > Setting... から。
-[[songtickers:http://www.hydrogenaudio.org/forums/index.php?showtopic=80917&hl=]](Text Displayに貼り付ける) 文字(情報)を往復スクロールさせる。
-画像例 (簡単なNow Playing Screen): Album Art Viewer + Text Display + 右 [[SimPlaylist>User interface/UI Element#jbb88681]]
- 改行には$crlf()を使用する。[%title%$crlf()]
[%artist%$crlf()]
[%album%[ '('%date%')']$crlf()]
[%playback_time% / ][%length%  ]$crlf()
[Codec: %codec%]$crlf()
[ %bitrate%kb/s ]
[%samplerate%Hz]$crlf()

***Shpeck - Winamp vis plug-ins wrapper [#xd0bdfd0]
:ファイル名|
foo_vis_shpeck
:URL|
--http://www.foobar2000.org/components/view/foo_vis_shpeck
--http://www.hydrogenaudio.org/forums/index.php?showtopic=59388
:概要|
UI Element (DUI) と UI Extension (CUI)で使用可能。[[Visualization の項>Visualization#a7a74206]]参照。

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

--[[MiliDrop V2.24:http://foobar2000.xrea.jp/up/files/up1237.zip]]: 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 [#i099458c]
:ファイル名|
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 の項>Visualization#v4f291a0]]参照。

#imgr(./snaps/sshost.jpg);

***Infospect [#r8092c4f]
:ファイル名|
foo_infospect
:URL|
--http://www.foobar2000.org/components/view/foo_infospect
--[[Discussion:https://hydrogenaud.io/index.php/topic,61847.0.html]]
:概要|
プロパティを簡素パネル化した感じで再生中のトラックのメタデータなどを表示する。編集は出来ない。

#imgr(./snaps/infospect.png);

***Waveform Seekbar [#p17c3517]
:ファイル名|
foo_wave_seekbar
:URL|
--http://www.hydrogenaudio.org/forums/index.php?showtopic=77490&st=0
--http://www.foobar2000.org/components/view/foo_wave_seekbar
:概要|
UI Element、UI Panelとして再生トラックを波形状に表示させるSeekbar。UI Element (DUI) と UI Extension (CUI)で使用可能。
[[DirectX August 2009 runtime redistributable:http://www.microsoft.com/downloads/details.aspx?displaylang=ja&FamilyID=2da43d38-db71-4c1b-bc6a-9b6652cd92a3]]インストールが必要。

#imgr(./snaps/up1101.png);

-"foo_wave_seekbar.dll"はcomponentsフォルダ内に、"effects"フォルダはfoobar2000インストールフォルダ内に配置する。Utility グループから選択して表示する。
-[[effects by foosion:http://www.hydrogenaudio.org/forums/index.php?s=&showtopic=77490&view=findpost&p=677800]] | [[foosion's Waveform Seekbar effects updated Post #438 by bb10:http://www.hydrogenaudio.org/forums/index.php?s=&showtopic=77490&view=findpost&p=700690]] Frontend: Direct3D 9.0c mode / Misc.: Shade played (seekbar.fx.txt → seekbar.fx → effects directory)
-[[Post #349 by Zao(作者):http://www.hydrogenaudio.org/forums/index.php?s=&showtopic=77490&view=findpost&p=696576]]
-v0.2.0でConfigurationが変更、Display multi-channel表示可能。

***Waveform Minibar (mod) [#mfaa058a]
:ファイル名|
foo_wave_minibar_mod.dll
:URL|
-https://www.foobar2000.org/components/view/foo_wave_minibar_mod
-https://foobar.hyv.fi/?view=foo_wave_minibar_mod
:概要|
-トラックの波形を表示するシークバー。オリジナルの[[WaveformSeekbar:https://foobar2000.xrea.jp/?User+interface/UI+Element#p17c3517]]の軽量版。
-https://foobar2000.xrea.jp/up/files/up1366.png
-v1.0.46より、Preferences > Tool > Waveform Minibar (mod) に、"Use half wave mode" が追加された。
--https://foobar2000.xrea.jp/up/files/up1367.png

***WSH Panel Mod [#q76fec25]
:ファイル名|
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://www.hydrogenaud.io/forums/index.php?s=&showtopic=108811&view=findpost&p=910608
--2015/11/09以降 [[JScript Panel>User interface/UI Element#o3a33eaf]] に変更
:概要|
Windows Script Host (WSH) を使用してタスクを実行する。UI Element (DUI) と UI Extension (CUI)で使用可能。Utility グループから選択して表示する。

-サンプルにある[[Album Covers buttons to switch:http://foobar2000.xrea.jp/up/files/up1148.7z]]の使い方例
--これは、アルバムアートや集めた画像を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
#imgr(./snaps/up1128.png);

:参考URL|
--[[WSH Panel Mod Discussion>https://hydrogenaud.io/index.php/topic,70363.0.html]], [[WSH Panel Mod script discussion/help.:http://www.hydrogenaudio.org/forums/index.php?showtopic=77883]]
:サンプル|
--[[foo_uie_wsh_panel_mod "Samples":http://code.google.com/p/foo-wsh-panel-mod/downloads/list]]
--[[JSPlaylist:http://br3tt.deviantart.com/art/JSPlaylist-509803158]], [[CoverFlow View v1.5.1:https://foobar2000.xrea.jp/up/files/up1389.7z]], [[WSH Tree Explorer:http://br3tt.deviantart.com/art/WSH-Tree-Explorer-1-7-196023730]]
--[[HTPC Fullscreen panels II (WSHtpc):https://hydrogenaud.io/index.php/topic,77413.msg676478.html#msg676478]]
--[["Coverart Reflektion & Shadow" (code by grimes):http://foobar-users.de/index.php?topic=2000.msg16511#msg16511]] / [[Code:http://foobar2000.xrea.jp/up/files/up1125.7z]], [["Coveranimation":http://foobar2000.xrea.jp/up/files/up1149.7z]]
--[[Album Covers buttons to switch:http://foobar2000.xrea.jp/up/files/up1148.7z]]
---[[WSH Cover Panel Mod:http://ashiato1.blog62.fc2.com/blog-entry-40.html]] 上記画像表示スクリプトのMod版
--[[Lyric Show Modoki:http://ashiato1.blog62.fc2.com/blog-entry-64.html]] 高機能な歌詞表示スクリプト

***Biography View [#ceaa4ab7]
:ファイル名|
foo_uie_biography
:URL|
--http://foo2k.chottu.net/
--[[foo_uie_biography 0.4.2.5 lastfm_fix 2016-05-30:http://foobar2000.xrea.jp/up/files/up1252.zip]]
:概要|
Biography View 0.4.0.0以降 UI Element (DUI) と UI Extension (CUI)で使用可能。Playback Information グループから選択して表示する。
[[UI extension - Biography View>User interface/UI extension#kbe7a3bd]] 参照。

#imgr(./snaps/up1233.png);
:Run External Scripts|
--[[AMG Script1:http://www.hydrogenaudio.org/forums/index.php?showtopic=70955&st=300&p=710872&#entry710872]], [[AMG Script2:http://www.hydrogenaudio.org/forums/index.php?showtopic=70955&st=300&p=711022&#entry711022]], [[Gracenote Script:http://www.hydrogenaudio.org/forums/index.php?showtopic=70955&st=300&p=712308&#entry712308]]
--[[foo_lyricsdb:http://www.hydrogenaudio.org/forums/index.php?showtopic=70955&st=325&p=717583&#entry717583]], [[Amazon Script:http://www.hydrogenaudio.org/forums/index.php?showtopic=86092]]
--[[romor's Biography View script:https://gist.github.com/rornor/7074617]]

***Lyric Show Panel 3 [#mcb395d9]
:ファイル名|
foo_uie_lyrics3
:URL|
--http://www.hydrogenaudio.org/forums/index.php?showtopic=90338&st=0
--http://www.foobar2000.org/components/view/foo_uie_lyrics3
:概要|
歌詞表示パネル。埋め込み、テキスト形式が表示可能。UI Element (DUI) と UI Extension (CUI)で使用可能。UI Elementは、Utility グループから選択する。Online歌詞サーチ付(自動、手動)。パネル表示されている歌詞のSource type(Search order: box)を確認するには、パネル上コンテキストメニュー "About current lyrics..."をクリックする。[[foo_uie_lyrics2>User interface/UI Element#oc58bd24]]の後継。
:関連|
複数のLyrics Seachingコンポーネント[[Multi-source lyrics (foo_multisource):https://www.reddit.com/r/foobar2000/comments/o7ua73/lyric_show_panel_3_lyrics_from_genius_musixmatch/]], [[Custom lyrics source>General/オンラインデータベース#l68d05a3]], [[Minilyrics source:http://foobar2000.xrea.jp/index.php?General/%E3%82%AA%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9#ka51f8b1]], [[foo_lrc_metalarchives:https://www.hydrogenaud.io/forums/index.php?showtopic=108084&st=0&p=886970&#entry886970]]

#imgr(./snaps/lsp3.png);
左パネルは、[[scripts for foobar2000 + JScript Panel:https://github.com/19379/js-marc2003]]
-Lyric Show Panel 3が不安定な為、Multi-source lyricsの作者、及び公式フォーラムではOpen Lyrics Panelの使用を推奨している。
-[[Open Lyrics Panel:https://foobar2000.xrea.jp/?User+interface/UI+Element#x36eb3cd]]
***Cover Flow [#g14e26e6]
:ファイル名|
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 で。

#imgr(./snaps/coverflow.jpg);
[[UI extension - Cover Flow>User interface/UI extension#l07aff4b]]

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

***EsPlaylist [#k59d3144]
:ファイル名|
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>User interface#m3a01d25]]を参照して下さい。

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(./snaps/up1168.jpg);
[[UI extension - EsPlaylist>User interface/UI extension#e7a41de4]]

***UPnP/DLNA Renderer, Server, Control Point [#pf709771]
:ファイル名|
foo_upnp.dll
:URL|
--http://www.foobar2000.org/components/view/foo_upnp
--http://www.hydrogenaudio.org/forums/index.php?showtopic=69664
:概要|
--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)>Output#w14ab73b]]インストール済み))で音楽を出力出来る。音声出力側の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>General/通信系#rf0ff545]]
--[[UPnP MediaRenderer Output>Output#w14ab73b]]
--[[BubbleUPnP Server:http://bubblesoftapps.com/bubbleupnpserver/#changelog]]
--画像は、右上UPnP Browser/下Controllerパネル

#imgr(./snaps/upnp.png);

***Queue Contents Editor [#p5cc6b27]
:ファイル名|
foo_queuecontents
:URL|
[[Download link:http://wiki.hydrogenaud.io/index.php?title=Foobar2000:Components/Queue_Contents_Editor_%28foo_queuecontents%29#Download_link]]
//http://sites.google.com/site/salskisite/foo_queuecontents
:概要|
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:http://wiki.hydrogenaudio.org/index.php?title=Foobar2000:Components/Queue_Contents_Editor_(foo_queuecontents)]]
#imgr(./snaps/up1224.png);

***Quick Search Toolbar [#oe6b3bbe]
:ファイル名|
foo_quicksearch
:URL|
--http://www.foobar2000.org/components/view/foo_quicksearch
--http://www.hydrogenaudio.org/forums/index.php?showtopic=80259
:概要|
Media Library 検索パネル。[[Quick Search Toolbar (foo_uie_quicksearch)>User interface/UI extension#wb395018]]の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」が追加されます。[[Quicksearch UI Element (foo quicksearch) wiki:http://wiki.hydrogenaudio.org/index.php?title=Foobar2000:Components_1.0/Quicksearch_UI_Element_%28foo_quicksearch%29]]
#imgr(./snaps/up1226.png);

***Bookmarks [#sb4fd130]
:ファイル名|
foo_bookmarks
:URL|
http://www.hydrogenaudio.org/forums/index.php?showtopic=46612
:概要|
[[Bookmarks>User interface/UI extension#acadf3e6]]参照。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:http://www.hydrogenaudio.org/forums/index.php?s=&showtopic=46612&view=findpost&p=706075]] DUIのみ。

#imgr(./snaps/up1113.png);

***Playlist Organizer [#n8c40296]
:ファイル名|
foo_plorg
:URL|
--http://www.foobar2000.org/components/view/foo_plorg
--[[Discussion:http://www.hydrogenaudio.org/forums/index.php?showtopic=80705]]
--[[Foobar2000:Components/Playlist Organizer (foo plorg) wiki:http://wiki.hydrogenaud.io/index.php?title=Foobar2000:Components/Playlist_Organizer_%28foo_plorg%29]]
--[[Microsoft Visual C++ 2010 (vcredist_x86.exe):https://www.microsoft.com/ja-jp/download/details.aspx?id=26999]]が必要
:概要|
プレイリストをツリー形式で整理し、分類するためにフォルダ階層を作成する。

#imgr(./snaps/up1124.png);

***TagBox [#h45abb22]
:ファイル名|
foo_tagbox
:URL|
--http://arash.dejkam.com/software/tagbox/
--http://www.foobar2000.org/components/view/foo_tagbox
--[[Documentation:http://arash.dejkam.com/software/tagbox/]]
:概要|
カーソルで選択、再生中のTrackのタグ表示、編集可能な UI Element。Utilityグループから選択する。Rating付け機能も備えている。

#imgr(./snaps/up1127.png);

***VU Meter [#se59bdb2]
:ファイル名|
foo_vis_vumeter
:URL|
http://foobar2000.ru/forum/viewtopic.php?t=4061
:概要|
UI Element, UI Extensionとしても使用可能なアナログVUメーター。Playback Visualizationグループから"Analog VU Meter"を選択する。
UIとして表示しなくても、Menu > View > Visualizations > Analog VU Meter で外部表示できる。

#imgr(./snaps/up1234.png);

***SimPlaylist [#jbb88681]
:ファイル名|
foo_simplaylist.dll
:URL|
--http://www.foobar2000.org/components/view/foo_simplaylist
--[[hydrogenaudio wiki:http://wiki.hydrogenaudio.org/index.php?title=Foobar2000:Components/SimPlaylist_(foo_simplaylist)]]
--[[Discussion:http://www.hydrogenaudio.org/forums/index.php?showtopic=88411]]
:概要|
Default UI element Playlist View。Layout Editing Modeからパネル化する。グループ分け、Columnsのカスタマイズ、アルバムアート、イメージ画像表示可能。

#imgr(./snaps/up1203.jpg);
-https://foobar2000.xrea.jp/up/files/up1357.jpg
***SimPlaylist Search [#fc1b7606]
:ファイル名|
foo_simplaylist.dll
:URL|
http://www.foobar2000.org/components/view/foo_simplaylist
:概要|
--SimPlaylist付属 Playlist Searchパネル。[[Columns:http://wiki.hydrogenaud.io/index.php?title=Foobar2000redirect:8BEC2B22-851A-47A4-B61F-98D6EE746D6B#Columns]]に多数の項目が用意されている他、自分で追加出来る。またグループ分けの機能も付いている。
設定はSimPlaylistと同じ。検索した後、Playlist Viewとして使用出来る。また、SimPlaylistを表示していなくても、SimPlaylist Searchをパネル化出来る。

#imgr(./snaps/simplaylist.png);
-画像: 赤枠 'SimPlaylist Searchパネル'、青紫は 'Toolbar/Playlist Switcher' Playlistの中から'Media Library'を選択、つまり全体の中から[[Query syntax:http://wiki.hydrogenaud.io/index.php?title=Foobar2000:Query_syntax]]を使用し条件付き検索を行った。

***SimPlaylist Manager [#w65f7559]
:ファイル名|
foo_simplaylist_manager.dll
:URL|
--http://www.foobar2000.org/components/view/foo_simplaylist_manager
--[[hydrogenaudio wiki:http://wiki.hydrogenaudio.org/index.php?title=Foobar2000:Components/SimPlaylist_Manager_(foo_simplaylist_manager)]]
--[[Discussion:http://www.hydrogenaudio.org/forums/index.php?showtopic=88412]]
:概要|
--Default UI element Playlist パネル。Layout Editing Modeからパネル化する。
Playlist Managerとの違いはColumnsに多数の項目が用意されており、多数の情報を表示、分類出来る事。

#imgr(./snaps/simplaylist_manager.png);

***Chronial's Coverflow [#oc0deea5]
:ファイル名|
foo_chronflow.dll, glfw3.dll
:URL|
--http://www.hydrogenaud.io/forums/index.php?s=a94e399c17495d3fac0124329d17374e&showtopic=108450
--https://github.com/Chronial/foo_chronflow/releases/latest
-[[''&color(#223546,Coverflow_mod (foo_chronflow_mod.dll));'':https://hydrogenaud.io/index.php?topic=119961.0]][[ Download:https://github.com/ghDaYuYu/foo_chronflow/releases/]]
:概要|
-Columns UI Panel [["Chronial's Coverflow">User interface/UI extension#lb047446]] のDefault UI版。v0.4.3からColumns UIでの使用も可能。
Visual Studio 2013 の [[Visual C++ 再頒布可能パッケージ:http://www.microsoft.com/ja-JP/download/details.aspx?id=40784]]が必要。

-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」と表示されると切り替わります。

#imgr(./snaps/chronflow.jpg);

-[[旧バージョン foo_chronflow 0.3.0, Coverflow Panel for CUI:http://www.hydrogenaud.io/forums/index.php?showtopic=63982]]
-[[the old wiki page:http://wiki.hydrogenaud.io/index.php?title=Foobar2000:Components_0.9/Chronial%27s_Coverflow_%28foo_chronflow%29]]
-[[WSH CoverFlow:http://www.deviantart.com/art/WSH-CoverFlow-290788027]]

***JScript Panel [#o3a33eaf]
:ファイル名|
foo_jscript_panel.dll
:URL|
--[[Download (latest):https://github.com/marc2k3/foo_jscript_panel/releases]]
--[[Discussion:https://www.hydrogenaud.io/forums/index.php?showtopic=110516]]
--[[Gallery:https://github.com/marc2k3/foo_jscript_panel/wiki/Gallery]]
:概要|
-WSH (Windows Script Host) を実行しいろいろなPanelを作成できる。[[WSH panel mod:https://code.google.com/p/foo-wsh-panel-mod/downloads/list]]が更新されない為、また古いScript Panelがクラッシュするという事態を避ける為に新たにコンポーネント名を変えて作成使用。
-foobar2000 v1.3以降、Windows Vista以降、DUIとCUIの両方をサポートする。
-2022-04-23に "JScript Panel 3 (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:https://github.com/19379/foo-jscript-panel/releases]]同梱 "samples"フォルダ置いてある場所。
---Portable installationの場合: \profile\user-components\foo_jscript_panel\samples
---Standard installationの場合: AppData\Roaming\foobar2000\user-components\foo_jscript_panel\samples
---JScript Panel - Thumbs: https://foobar2000.xrea.jp/up/files/up1332.png
--JScript Panel Script samples
---[[JS Playlist:https://github.com/marc2k3/foo_jscript_panel/wiki/Gallery#jsplaylist-by-br3tt-aka-falstaff]]: https://foobar2000.xrea.jp/up/files/up1362.png
---[[JS Smooth Playlist Manager:http://br3tt.deviantart.com/art/JS-Smooth-Playlist-Manager-571376332]]
//---[[JS Smooth Playlist:http://br3tt.deviantart.com/art/JS-Smooth-Playlist-571375892]]: https://foobar2000.xrea.jp/up/files/up1351.jpg
---[[JS Smooth Browser:http://br3tt.deviantart.com/art/JS-Smooth-Browser-571376160]]: https://foobar2000.xrea.jp/up/files/up1350.jpg
--JScript Panel Script Samples by WilB
---[[JScript Panel: YouTube Track Manager 3.9.5.4:https://hydrogenaud.io/index.php?topic=105522.msg977219#msg977219]]
---[[JScript Panel: Library Tree 1.4.0.4:https://hydrogenaud.io/index.php?topic=110938.msg977221#msg977221]]
---[[JScript Panel: Biography 0.9.0.4:https://hydrogenaud.io/index.php?topic=112913.msg973151#msg973151]]: https://foobar2000.xrea.jp/up/files/up1348.jpg
--[[Lyric Show Modoki:http://ashiato1.blog62.fc2.com/blog-entry-64.html]] 高機能な歌詞表示スクリプト。JScript Panel, WSH Panel Modに対応している。
--[[tmp_biography mod (Biography Text && Picture. www.last.fm):http://moon.gmobb.jp/renno/cgi/junk.cgi/computer/tmp_bio_mod.htm]]
--[[Spectrogram Seekbar:https://hydrogenaud.io/index.php?topic=110499.msg1006336#msg1006336]]
---[[foo_jscript_panel:https://github.com/marc2k3/foo_jscript_panel/releases]] v2.7.4 ~
---[[fontawesome-webfont:https://foobar2000.xrea.jp/up/files/up1345.zip]] インストール
---ProfilePath に "ffmpeg.exe"[[(release builds - ffmpeg-release-full.7z):https://www.gyan.dev/ffmpeg/builds/]]を置く。
---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]
---https://foobar2000.xrea.jp/up/files/up1343.jpg
---''&color(navy,colours/other options);'': https://ffmpeg.org/ffmpeg-filters.html#showspectrumpic
---s=1024x128:mode=separate, s=1024x128:color=rainbow, s=1024x128:mode=separate:color=channel など
---https://foobar2000.xrea.jp/up/files/up1344.png
--[[参考 Sox Spectrogram Seekbar:https://foobar2000.xrea.jp/?User+interface/UI+Element#ff3714fc]]
:関連|
[[WSH Panel Mod>User interface/UI Element#q76fec25]]
:参考|
[[JUNK Reno - JScript Panel txt和訳:https://goo.gl/11OwkS]] [[JUNK Reno - foobar2000のwsh panel mod(JScript)のサンプルコード:https://goo.gl/uojy5f]]

***JScript Panel 3 [#l033c595]
:ファイル名|
foo_jscript_panel3.dll
:URL|
-Download: https://github.com/marc2k3/jscript-panel/releases
-[[Changes:https://marc2k3.github.io/jscript-panel/docs/changes/]]
-[[Requirements & Installation:https://marc2k3.github.io/jscript-panel/docs/]]
-[[Gallery:https://marc2k3.github.io/jscript-panel/gallery/]]
:概要|
-大規模な変更のため、このコンポーネントは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:https://marc2k3.github.io/jscript-panel/docs/changes/]] で確認して下さい。
-最大の変更点は、[[changes:https://marc2k3.github.io/jscript-panel/docs/changes/]]ページで詳しく説明されているすべてのグラフィックスと画像処理のやり直しです。
-JScript Panel (foo_jscript_panel.dll) と共にインストール、別にPanel化する事ができます。
-基本的にWindows 10/11 は "WebP" をサポートしています。Windows 7/8/8.1で使用する場合は、[["WebpCodecSetup.exe":https://storage.googleapis.com/downloads.webmproject.org/releases/webp/WebpCodecSetup.exe]] をインストールしてください。
-Thumbs (foobar2000 v1.6.10 Default UI) JScript Panel 3 3.0.0-Beta.1
--https://foobar2000.xrea.jp/up/files/up1442.png
-Thumbs (foobar2000 v1.6.10 Columns UI) JScript Panel 3 3.0.0-Beta.1/Columns UI 2.0.0-alpha.1
--https://foobar2000.xrea.jp/up/files/up1443.png
-JS Playlist + spectrogram seekbar (foobar2000 v1.6.10 Default UI) JScript Panel 3 3.0.0-Beta.1
--https://foobar2000.xrea.jp/up/files/up1441.png
-JS Playlist (foobar2000 v1.6.10 Columns UI) JScript Panel 3 3.0.0-Beta.2/Columns UI 2.0.0-alpha.1
--https://foobar2000.xrea.jp/up/files/up1450.png
---.\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 [#o2193479]
:ファイル名|
foo_uie_eslyric.dll
:URL|
--https://hydrogenaud.io/index.php/topic,111278/topicseen.html
--https://hydrogenaud.io/index.php/topic,113111/topicseen.html
--[[v0.3.5 beta5と歌詞検索サイトスクリプト 英語版 by kode54:https://hydrogenaud.io/index.php/topic,113111.msg931298.html#msg931298]]
--[[少し英語版 zeremy Reply #5:https://hydrogenaud.io/index.php/topic,111240.msg916436.html#msg916436]]
--[[2022年原作者による新たな刷新版:https://github.com/ESLyric]]

:概要|
--多機能な歌詞表示パネル。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(./snaps/eslyric.png);

***Youtube Source [#jb93d404]
:ファイル名|
foo_youtube.dll
:URL|
--http://fy.3dyd.com/home/
--[[Discussion:https://hydrogenaud.io/index.php/topic,104379/topicseen.html]]
:概要|
--Panel化し、YouTube動画を再生出来る。
--Youtube SourceのPanel化は、[[Layout Editing Mode:https://wiki.hydrogenaud.io/index.php?title=Foobar2000: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:https://fy.3dyd.com/help/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 - [[承認の認証情報を取得する:https://developers.google.com/youtube/registering_an_application?hl=ja]]
--手動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本体は再起動がかかる
---https://foobar2000.xrea.jp/up/files/up1361.png
---[[yt-dlp.exe:https://github.com/yt-dlp/yt-dlp/releases]]
---yt-dlp向けのパッチ(yt-dlp作者)が当てられたFFmpeg
---https://github.com/yt-dlp/FFmpeg-Builds
---ffmpeg-master-latest-win64-gpl.zip
---https://foobar2000.xrea.jp/up/files/up1360.png

#imgr(./snaps/up1270.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コマンド)で保存フォルダに移動しておく。
--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を起動する方法(管理者も):https://pc-karuma.net/how-to-open-powershell-in-windows-11/]]
---[[PowerShell 7.x.x x64 (PowerShell-7.x.x-win-x64.msi):https://github.com/PowerShell/PowerShell/releases]]
---https://foobar2000.xrea.jp/up/files/up1353.jpg (Windows PowerShellを使用した画像)
--[[yt-dlp.exe:https://github.com/yt-dlp/yt-dlp/releases]] を使う方法。
---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"のあるフォルダ内に保存(ダウンロード)されます。
---https://foobar2000.xrea.jp/up/files/up1358.png ([[PowerShell 7.x.x x64 (PowerShell-7.x.x-win-x64.msi):https://github.com/PowerShell/PowerShell/releases]]を使用した画像)
***Flowin [#b5e966f5]
:ファイル名|
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 :https://hydrogenaud.io/index.php?PHPSESSID=v9tce2geuc644cghdbl056o562&topic=120109.msg1009974#msg1009974]]
:概要|
-新規にPanel ([[Default UI element:https://foobar2000.xrea.jp/?User+interface/UI+Element]]) を外部表示出来る。CUIでも使用可。
-[[Dockable Panels:https://foobar2000.xrea.jp/?General/%E8%A1%A8%E7%A4%BA%E7%B3%BB#u274ee08]]の簡易版
-Downloadサイトから"bin.zip"をダウンロードして、"bin.zip"をPreferences: Conponents>Installed components画面にドラッグアンドドロップする。
-表示方法は、Menu>View>Flowinから
--https://foobar2000.xrea.jp/up/files/up1342.jpg (Flowin + JS Smooth Browser + [[Mini Panel:https://hydrogenaud.io/index.php?PHPSESSID=v9tce2geuc644cghdbl056o562&topic=120109.msg1005882#msg1005882]])
---[["Mini Panel" [WSH Panel Mod Plus Script]:https://hydrogenaud.io/index.php?PHPSESSID=v9tce2geuc644cghdbl056o562&topic=120109.msg1005882#msg1005882]] by always.beta
---[[foo_uie_wsh_panel_mod_plus:https://github.com/ttsping/foo_uie_wsh_panel_mod_plus/releases]] が必要。
---Skin フォルダは、foobar2000.exe と同じフォルダ内に置く。
---Menu>View>Flowin>New Flowin から新しいPanelを表示して「WSH Panel Mod Plus」を選択する。Mini Panel - en.txt を貼り付ける。

***OpenLyrics [#x36eb3cd]
:ファイル名|
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
-https://foobar2000.xrea.jp/up/files/up1347.jpg
-左側: Album Art (JScript Panel) + Text Display UI Element (foo_textdisplay.dll)

***Spider Monkey Panel [#ff3714fc]
:ファイル名|
foo_spider_monkey_panel.dll
:URL|
-[[Home:https://theqwertiest.github.io/foo_spider_monkey_panel/]]
-[[Download:https://github.com/TheQwertiest/foo_spider_monkey_panel/releases]]
-[[Discussion:https://hydrogenaud.io/index.php?topic=116669.0]]
:概要|
-Mozilla FirefoxのオープンソースSpiderMonkeyエンジンを使用してPanel化する。DUIとCUIの両方をサポートする。
:Samples|
-[[Single panel scripts:https://theqwertiest.github.io/foo_spider_monkey_panel/docs/script_showcase/single_panel_scripts/]]
-[[Full themes:https://theqwertiest.github.io/foo_spider_monkey_panel/docs/script_showcase/full_themes/]], [[Georgia-ReBORN:https://hydrogenaud.io/index.php?topic=121047.0]]
-Spider Monkey Panel ''&color(blue,Scripts by WilB (2021-07-25));''
--[[Biography 1.2.0:https://hydrogenaud.io/index.php?topic=112914.msg1001100#msg1001100]]
--[[Library Tree 2.2.0:https://hydrogenaud.io/index.php?topic=111060.msg1001099#msg1001099]]
--[[Find and Play 1.0.0:https://hydrogenaud.io/index.php?topic=121006.msg1001098#msg1001098]]
-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)フォルダを置く。
--''&color(navy,Biography:);'' {BA9557CE-7B4B-4E0E-9373-99F511E81252}
--''&color(navy,Library Tree:);'' {E85C9EF0-778B-46DD-AF20-F4BE831360DD}
--''&color(navy,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 から詳細な設定が可能。
-https://foobar2000.xrea.jp/up/files/up1338.png
-https://foobar2000.xrea.jp/up/files/up1331.png
-https://foobar2000.xrea.jp/up/files/up1336.png
--Biography v1.2.0 (2021-07-25)
-https://foobar2000.xrea.jp/up/files/up1339.png
-https://foobar2000.xrea.jp/up/files/up1337.png
--Library Tree v2.2.0 / Find and Play v1.0.0 (2021-07-25)
-''&color(blue,Sox Spectrogram Seekbar);''
--foobar2000\profile\user-components\foo_spider_monkey_panel\samples\complete\spectrogram seekbar.js
--[[fontawesome-webfont:https://foobar2000.xrea.jp/up/files/up1345.zip]] インストール
--Sox と ffmpeg が必要。
---https://sourceforge.net/projects/sox/files/sox/
---https://www.gyan.dev/ffmpeg/builds/
--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
---https://foobar2000.xrea.jp/up/files/up1356.jpg
--[[参考 JScript Panel Spectrogram Seekbar:https://foobar2000.xrea.jp/?User+interface/UI+Element#o3a33eaf]]
-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+) を選択しチェックを入れる
--https://foobar2000.xrea.jp/up/files/up1369.png
---foobar2000 v1.6.10 + Spider Monkey Panel v1.6.1
---Ubuntu  Cinnamon 21.04 + Wine 7.6 (Development)
---[[Biography 1.1.3:https://hydrogenaud.io/index.php?topic=112913.msg978267#msg978267]]
--https://foobar2000.xrea.jp/up/files/up1446.png
---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:https://hydrogenaud.io/index.php?PHPSESSID=v9tce2geuc644cghdbl056o562&topic=121786.0]]

-Old version by WilB
--[[Biography 1.1.3 (SMP):https://hydrogenaud.io/index.php?topic=112913.msg978267#msg978267]]
--[[Library Tree 2.1.3 (SMP):https://hydrogenaud.io/index.php?topic=110938.msg977222#msg977222]]
--[[YouTube Track Manager 4.1.3 (SMP):https://hydrogenaud.io/index.php?topic=105522.msg977220#msg977220]]
-[[Biography, Albums, Title, Similar artist, Lyrics info v25082021:https://hydrogenaud.io/index.php?PHPSESSID=v9tce2geuc644cghdbl056o562&topic=114686.msg1002303#msg1002303]] by kgena_ua
-[[Spider Monkey Panel スクリプトへ書き換え smp-scripts by tomato111:https://ashiato1.blog.fc2.com/blog-entry-160.html#comment575]], 
[[tomato111/smp-scripts v1.2 (20 Jun 2020):https://github.com/tomato111/smp-scripts/releases]]
*参考 [#j1639cd5]
-[[User interface/UI の拡張/UI Element>User interface#m3a01d25]]
-[[DUI Theme - DUI Theme Layout:https://foobar2000.xrea.jp/?DUI+Theme]]
-[[Default UI Gallery - Hydrogenaudio Forums:https://hydrogenaud.io/index.php/topic,58574.175.html?PHPSESSID=8s9i4alidquilgpsu435gjj160]] あたりから。