WebScrap

Firefox 9.0 現在の設定・アドオン

2011-12-30T21:41:00.010+09:00

しばらく記録を残さなった間にFirefoxもかなりバージョンアップを繰り返してきたようだ。前の記録から大きく飛んでしまう事になるが、設定やアドオンはそれほど変わらなかった。いくつかのアドオンは同様または代替となるものと交換し、FirefoxのUIの変更に伴ってそれに対応したアドオンも導入した。

bookmarks history panel
ブックマーク・履歴サイドバーをポップアップ表示する。
Cache Status
メモリ・ディスクキャッシュの容量を設定し、一定まで溜まると自動で削除する。
Ctrl Ctrl
Ctrlキー2回押しで画面上に検索窓を表示する。
Custom Buttons
様々な機能のボタンをツールバーに追加できる。
- Auto context menu on selection
  選択するとコンテキストメニューを開く
- AutoCopy
  選択した文字列を自動でコピーする。
- delicious
  表示しているサイトをdeliciousに登録する。
- Google’s Cache
  表示しているサイトのGoogleキャッシュを表示する。
- Launch Google Chrome
  表示しているサイトをGoogle Chromeで開く。
- Launch IE
  表示しているサイトをSleipnirで開く。
- Make bookmarklet button
  ブックマークレットをCustom Buttons化する。
- Open the Chrome Folder
  FirefoxのProfileフォルダを開く。
- PDF to GoogleDocs
  ページ内のpdfへのリンクをGoogleDocsで開くようにURLを書き換える。
- Restart Firefox
  Firefoxを再起動する。
- toggle GIF anime
  gifアニメーションのon/offを切り替える。
- Toggle Option
  オプション画面を開く。
- サイト内検索
  表示しているサイト内をGoogleで検索する。
- はてなブックマークレット
  表示しているサイトをはてなブックマークに登録する。
- リファラ on/off 切り替え
  リファラのon/offを切り替える。
Download on arrow panel
ダウンロードマネージャをポップアップで表示する。
feedly
Googleリーダーで取得しているフィードをマガジンスタイルで表示する。
Find Toolbar Tweaks
ページ内検索バーの機能を拡張する。
Flashblock
Flashの自動再生を停止させる。
Gmail Checker
Gmailの新着メールを定期的に確認する。
Image Toolbar
マウス上の画像に保存などのボタンを表示する。
IMEStatus
文字の入力状態に応じてフォームの背景色を変化させる。
Minimize Addon-Bar
アドオンバーの表示範囲を設定し、開閉できるようにする。
MinimizeToTray revived
Firefoxを最小化・閉じたときタスクトレイにしまう。
Orbit Downloader Firefox Integration
Orbitへパラメータを渡す。
Personal Menu
Firefoxメニューをカスタマイズできるようにする。
Read It Later
「あとで読む」機能を追加する。
Show File Size2
ファイルを保存するダイアログウィンドウにファイルサイズを表示する。
Tab Utilities
タブ機能を設定する。
userChromeJS
FirefoxのUIを拡張する。
- copy_link_text-1.0-fx.uc.xul
  リンク文字列をコピーする。
- rebuild_userChrome.uc.xul
  userChrome.js用のスクリプトのキャッシュをクリアーし,新しいウインドウを開く。
- SubmitToTab.uc.xul
  送信ボタンを中クリックで新規タブに開く。
- adblock#.uc.js
  ページ上の広告をブロックする。
- AutocloseBookmark&HistoryFolders.uc.js
  ブックマーク・履歴サイドバーで他のフォルダを開けたとき自動で閉める。
- dragimage.uc.js
  画像をドラッグしてスクルールできるようにする。
- findNextPrevByMouseWheel.uc.js
  ページ内検索の「次を検索」と「前を検索」をボタン上のマウスホイールの回転でできるようにする。
- MenubarForcus.uc.js
  Flashにフォーカスがある時サイドバーのスクロールをできるようにする。
- MiddleClickandGo.uc.js
  サーチバー、ロケーションバーを中クリックするとクリップボードの値を読み込んで検索する。
- MouseGestures.uc.js
  軽量マウスジェスチャを追加する。
- SelectSearchInTextArea.uc.js
  テキストエリア内でドラッグした文字列を’Googleで検索’ができるようにする。
- smartmiddleclick.uc.js
  JavaScriptリンクを中クリックで新規タブに開く。
- TextLink.uc.js
  リンクの貼られていないURLや足りていない文字列を補完して、ダブルクリックで新規タブに開く。
- uAutoPagerize.uc.js
  AutoPagerizeをuserChromeJSに移植したもの。
- ucjs_findWrapPlayBeep.uc.js
  ページ内検索において検索が折り返す時にビープ音を鳴らす。
- ucjs_findbar_For3.7.uc.js
  ページ内検索からの検索結果を画面中央にスクロール表示させる。
- ucjs_revert_titlebar.uc.js
  タイトルバーにページ名を表示する。
- UserCSSLoader.uc.js
  Stylishの簡易版。
- UserScriptLoader.uc.js
  Greasemonkeyとほぼ同じ機能を実装する。
  - GoogleSearch-RemoveRedirectFromLinks.user.js
    Google検索のリダイレクトを消去して高速化する。
  - GoogleThumnails.user.js
    Googleの検索結果にサムネイルを追加する。
  - Google+SBM.user.js
    Googleの検索結果にはてなブックマーク数を表示する
  - FixRecommendedTags.user.js
    はてなブックマークのタグの英語の大文字・小文字を同一化する。
  - FlashQualityChanger.user.js
    Flashの画質を自動で変更する。
  - Google Hit Hider by Domain.user.js
    Googleの検索結果から指定したドメインを含むものを非表示にする。
  - habocovi.user.js
    コメント表示枠に触れた時に、はてなブックマークのコメントを取得して展開・表示する。
  - imitationLightbox.user.js
    Greased Lightboxの簡易版。
  - pixiv_comment_histories_opener.user.js
    pixivのコメントを自動で表示する。
  - pixiv_expand_thumbnails.user.js
    pixivのイラストページで画像をオリジナルサイズに置換し、マンガは展開して表示する。
  - YouTubeHDSuite.user.js
    YouTubeの動画を自動で高画質に切り替え、ダウンロードリンクを追加する。
  - 2chURLModify.user.js
    2ch等の掲示板の画像URLをサムネイル表示に切り替える。
Vertical Toolbar
画面端に縦置きのツールバーを追加する。
情報化タブ
タブの中にサムネイルや読み込み状況などを表示できるようにする。

メニューバーは元々ほとんどの項目を非表示にしていたので、Personal Menuを使ってFirefoxボタンにその機能を纏めた。また、大量にあったCustom Buttonsのボタンは、Vertical Toolbarにより画面左端から縦型のツールバーを自動開閉して使えるようになったので、手動でのツールバーの開閉がいらなくなった。
Dom InspectorやStylishなどは別にWeb開発用のプロファイルを作って分割し、目的別に使い分けることにした。他にもDownload Statusbarはより省機能なDownload on arrow panelに入れ替えた。
これらのアドオンを整理した分、全体の挙動が軽くなったように感じられる。UIもよりシンプルにできたので、以前のものと比べても更に使いやすくなっただろう。

WebScrapをhtml5で再構築

2011-12-24T20:41:00.002+09:00

しばらく触らなかった間に、Bloggerにも新しい機能が追加されていたようだ。以前からhtml5への移行は考えていたため、この機会にブログをhtml5で再構築した。他にもファビコンの一新や、細かい部分の手直しなども行った。

また、新しいBloggerインターフェースはデザインはすっきりとしたが、動作のもたつきが気になるので、まだしばらくは旧インターフェースを使うことになりそうだ。

Firefox 3.6 現在の設定・アドオン 2

2011-03-01T16:37:00.003+09:00

開発が長引いたFirefox 4も、今回のBeta 12でようやく最終テスト版になるようだ。既に何回か試しているが、やはりまだ多くのアドオンが対応しておらず、そのまま移行するのは難しそうだ。特に、多くの機能を兼ねているCustom Buttons²が使えないのは痛い。他にも代替のきかないものが多いので、正式版がリリースされてもしばらくの間はアップグレードできないだろう。

という訳で、同じバージョンのままでも設定やアドオンもかなり変わっているので、Firefox 3.6時の最後の状態を残しておく。

bookmarks history panel
ブックマーク・履歴サイドバーをIE7のようにポップアップ表示する。
Boss Key
Firefoxを最小化・閉じる・グローバルホットキーでタスクトレイにしまう。
Cache Status
メモリ・ディスクキャッシュの容量を設定し、一定まで溜まると自動で削除する。
CookieCuller
指定したクッキーを保護し、それ以外をFirefox起動時に削除する。
Ctrl Ctrl
Ctrlキー2回押しで画面上に検索窓を表示する。
Custom Buttons²
様々な機能のボタンをツールバーに追加できる。
- Auto context menu on selection
  選択するとコンテキストメニューを開く
- AutoCopy
  選択した文字列を自動でコピーする。
- Bookmarklet to Button
  ブックマークレットをCustom Buttons化する。
- delicious
  表示しているサイトをdeliciousに登録する。
- DOMi and Error Console
  DOM Inspector、エラーコンソールを開く。
- Extensions in Sidebar
  アドオンマネージャをサイドバーで開く。
- Google’s Cache
  表示しているサイトのGoogleキャッシュを表示する。
- Launch Google Chrome
  表示しているサイトをGoogle Chromeで開く。
- Launch IE
  表示しているサイトをSleipnirで開く。
- Open the Chrome Folder
  FirefoxのProfileフォルダを開く。
- PDF to GoogleDocs
  ページ内のpdfへのリンクをGoogleDocsで開くようにURLを書き換える。
- Quix
  多機能ブックマークレットをCustom Buttons用に移植したもの。
- Restart Firefox
  Firefoxを再起動する。
- toggle GIF anime
  gifアニメーションのon/offを切り替える。
- toggle Java
  Javaのon/offを切り換える。
- toggle Javascript
  JavaScriptのon/offを切り換える。
- Toggle Option
  オプション画面を開く。
- Toggle Toolbar (Bookmark Toolbar)
  ツールバーを開閉する。
- URL-Tools
  一つ上の階層に移動やキャッシュなどを表示する。
- サイト内検索
  表示しているサイト内をGoogleで検索する。
- はてなブックマークレット
  表示しているサイトをはてなブックマークに登録する。
- リファラ on/off 切り替え
  リファラのon/offを切り替える。
DOM Inspector
表示しているサイトの構造を表示・解析する。
Download Statusbar
ダウンロード中ファイルのプログレスバーをステータスバーの上に表示する。
feedly
Googleリーダーで取得しているフィードをマガジンスタイルで表示する。
Find Toolbar Tweaks
ページ内検索バーの機能を拡張する。
Flashblock
Flashの自動再生を停止させる。
flstflip
表示中のタブを閉じた時、直前にフォーカスしていたタブをアクティブにする。
Group/Sort Tabs
同ドメインやリンク元→リンク先のタブを自動でグループ化する。
Image Toolbar
マウス上の画像に保存などのボタンを表示する。
IMEStatus
文字の入力状態に応じてフォームの背景色を変化させる。
Link Target Display
Google Chromeのようなリンク先表示を実装する。
Orbit Downloader Firefox Integration
Orbitへパラメータを渡す。
Save-To-Read
「あとで読む」機能を追加する。
ScrapBook
Webサイトを取り込んで保存する。
Stylish
CSSでWebサイトの表示を変更できる。
Stylish-Custom
Stylishの機能や設定を拡張する。
Tab Prgress Bar
タブ上にプログレスバーを表示する。
Tab Utilities
タブ機能を設定する。
userChromeJS
FirefoxのUIを拡張する。
- copy_link_text-1.0-fx.uc.xul
  リンク文字列をコピーする。
- SubmitToTab.uc.xul
  送信ボタンを中クリックで新規タブに開く。
- adblock#.uc.js
  ページ上の広告をブロックする。
- AutocloseBookmark&HistoryFolders.uc.js
  ブックマーク・履歴サイドバーで他のフォルダを開けたとき自動で閉める。
- dragimage.uc.js
  画像をドラッグしてスクルールできるようにする。
- enabledMainMenuToMove.uc.js
  メインメニューをドラッグアンドドロップで移動できるようにする。
- findNextPrevByMouseWheel.uc.js
  ページ内検索の「次を検索」と「前を検索」をボタン上のマウスホイールの回転でできるようにする。
- MedleyMenu.uc.js
  メニューバーを一纏めにする。
- MenubarForcus.uc.js
  Flashにフォーカスがある時サイドバーのスクロールをできるようにする。
- MiddleClickandGo.uc.js
  サーチバー、ロケーションバーを中クリックするとクリップボードの値を読み込んで検索する。
- MouseGestures.uc.js
  軽量マウスジェスチャを追加する。
- StatusbarElementInsert.uc.js
  ステータスバーの要素をツールバーに移動させる。
- SelectSearchInTextArea.uc.js
  テキストエリア内でドラッグした文字列を’Googleで検索’ができるようにする。
- smartmiddleclick.uc.js
  JavaScriptリンクを中クリックで新規タブに開く。
- StopAddonUpdate.uc.js
  指定したアドオンの更新を無効にする。
- TextareaSizers.uc.js
  テキストエリアの大きさを変更できるようにする。
- TextLink.uc.js
  リンクの貼られていないURLや足りていない文字列を補完して、ダブルクリックで新規タブに開く。
- uAutoPagerize.uc.js
  AutoPagerizeをuserChromeJSに移植したもの。
- ucjs_findbar.uc.js
  ページ内検索からの検索結果を画面中央にスクロール表示させる。
- ucjs_findWrapPlayBeep.uc.js
  ページ内検索において検索が折り返す時にビープ音を鳴らす。
- UserScriptLoader.uc.js
  Greasemonkeyとほぼ同じ機能を実装する。
  - GoogleSearch-RemoveRedirectFromLinks.user.js
    Google検索のリダイレクトを消去して高速化する。
  - GoogleThunails.user.js
    Googleの検索結果にサムネイルを追加する。
  - Google+SBM.user.js
    Googleの検索結果にはてなブックマーク数を表示する
  - GreasedLightbox.user.js
    リンクされた画像を新規タブで開かずにオーバーレイ表示する。
  - AmazonPopupImageScript.user.js
    Amazonサイト内の画像をポップアップする
  - DeliciousThumbnail&Favicon.user.js
    deliciousにサムネイル・ファビコンなどを追加する。
  - FixRecommendedTags.user.js
    はてなブックマークのタグの英語の大文字・小文字を同一化する。
  - FlashQualityChanger.user.js
    Flashの画質を自動で変更する。
  - Google Image direct links.user.js
    Google画像検索のリンクを直接画像を開くように置き換える。
  - Google Hit Hider by Domain.user.js
    Googleの検索結果から指定したドメインを含むものを非表示にする。
  - habocovi.user.js
    コメント表示枠に触れた時に、はてなブックマークのコメントを取得して展開・表示する。
  - pixiv_comment_histories_opener.user.js
    pixivのコメントを自動で表示する。
  - pixiv_expand_thumbnails.user.js
    pixivのイラストページで画像をオリジナルサイズに置換し、マンガは展開して表示する。
  - YouTubeHDSuite.user.js
    YouTubeの動画を自動で高画質に切り替え、ダウンロードリンクを追加する。
  - 2chURLModify.user.js
    2ch等の掲示板の画像URLをサムネイル表示に切り替える。
Yet Another Smooth Scrolling
スクロールをスムーズにする。

Ctrl Ctrlは中々面白いアドオンで、一々ロケーションバーにマウスを合わせずにキーボードだけで全ての操作が終わるので、中々使い勝手がいい。ただ、表示される検索窓の外観や文字サイズなどがあまり良くなかったので、Stylishで調整している。(Firefoxアドオン Ctrl Ctrlの外観を整えるStylish)

UserScriptLoaderはuserContent.jsと同様にGreasemonkeyの機能を実装するものだが、こちらの方が管理がし易く、そのままでも動かせるスクリプトが多かったので交換した。また、「あとで読む」機能のアドオンはRead It Laterを使っていたが、同期などの使わない機能が多かったので、少機能・少サイズのSave-To-Readを入れた。

最後に、注目しているアドオンとしてVertical Toolbarがある。画面端に縦置きのツールバーを設置してくれるもので、ポインタを端に寄せると自動で開閉される。ページ上に重なるように動作するので、サイドバーを開くときのように画面がずれることはない。Custom Buttonsのボタンも利用できるので、今までのように一々ツールバー開閉ボタンを押さなくてもよく、表示領域も狭くならないので一石二鳥である。

Firefoxアドオン Ctrl Ctrlの外観を整えるStylish

2011-02-28T22:32:00.004+09:00

検索候補などの文字サイズが大き過ぎたので、調整用のユーザースタイルを書いた。それに伴って外観も変更してある。Google以外の検索エンジンをほとんど使わないので、検索エンジン選択部分は非表示にしてある。その機能を使う場合は該当部分を削除してほしい。また、設定はWindow's width:600, Window's height offset:30に合わせてある。

Ctrl Ctrl adjustment - userstyles.org

2011/03/03 追記：設定を追記。

radikoで録音した番組のCMをカットする

2010-05-10T13:21:00.005+09:00

少し前に始まったインターネットラジオサービスのradikoが中々良い。普通のラジオよりも音質がかなり良くなっており、ノイズがほとんど入らない。録音にも専用の機材などがいらず、録音用のソフトだけで簡単にできるので、あまり手間暇かけずに好きな番組を録ることができる。

しかし、そのままでは前後の番組やCMなどが残ってしまう。好きな番組は繰り返し聴きたいので、そういった不要な部分をカットし、ラジオを快適に楽しめるようにする。

使うソフトはradikaとAudacity(1.3β)の二つ。また、Audacityでmp3とm4aを扱うためにLAME 、FFmpeg。音声を解析するSilenceMarkerプラグインもインストールしておく。

radikaの設定

radikoの性質上放送には若干のズレが生じるので、後に編集するのも踏まえて、予約マージンは前後に60秒と多めに取っておく。録音フォーマットはm4aに。録音終了時実行コマンドのファイルにAudacity.exe、引数に"@FIL"を指定しておけば、録音終了次第Audacityにファイルを渡せる。

Audacityで不要な部分をカット

不要な部分を探すには、Silence Finderを使えば無音部分を検出してラベルがつけられ、番組～CM間の位置が解りやすくなるので、それを参考にして編集する。Silence Finderの値は上から40dB、0.5秒、0.20秒だといい具合に区切ってくれる。

いきなり不要な部分を削除すると音声とラベルの位置がずれてしまうので、最初に不要な部分を無音にしてから後でまとめて削除するといい。最後にラベルトラックを削除するのを忘れずに。

出力時の音声フォーマットと音質

radikoの音声フォーマットはHE-AAC v2の48kbpsだが、HE-AAC v2は低ビットレートでもかなり音質が良いので、mp3で十分な音質にしたいなら128kbpsが調度いい。
元のフォーマットで保存したいなら、AudacityではHE-AAC v2を出力することはできないので、一旦wavで保存し、MediaCoderなどで再度HE-AAC v2に変換し直す。

これで不要な部分を除いた番組本編だけのものができた。これをiPodなどに入れれば、いつでもお気に入りのラジオを快適に聴くことができる。もし数が多い場合は少し面倒になるので、あらかじめ編集して残したい番組を決めておいた方がいいだろう。

foobar2000 × iPod × Last.fm

2010-04-07T22:40:00.002+09:00

私はiPod nanoの管理用にiTunesを使っている。他にもそういった用途のソフトはあるが、iTunesよりも機能的に劣り、iPod nanoで聴いた曲をLast.fmに送信できないので、これ以外のものは使う気にはならなかった。だが、音楽を聴くのにはfoobar2000を使うので、そうなると別々に音楽ライブラリを構築しなければならず、かなり面倒臭く感じていた。

そんな折に、foobar2000でiPodが管理できるiPod managerというコンポーネントがあったのを思い出した。これは以前試したことがあったが、そのときはまだ使い物にならなかったので見送りにしていた。しかし、久しぶりに試してみると機能がかなり改善されており、iTunesよりも高機能な部分もあった。

iPod nanoで聴いた曲をLast.fmに送信

iTunesではプラグインのjscrob2でiPod nanoで聴いた曲をLast.fmに送信していたが、エラーが出たりすることもあってあまり使い勝手が良くなかった。

だが、foobar2000でもiPod managerとfoo_audioscrobblerとの連携でLast.fmに送信できるようになった。こちらは聴いた日時まで記録してくれるので、エラーも無く正確に情報を残してくれる。また、外部データベースに再生情報を記録し、そこから情報を取得することによって記録の散逸を防ぐこともできる。（foobar2000 に Last.fm の曲情報を表示する）

コンピレーションアルバムの条件を自由に指定できる

iPod managerでは参照されるアルバム名やアーティスト名などの条件をTFで自由に編集できる。その中のCompilationの項目で特定のジャンルを指定しておけば自動で判別してくれるので、iTunesのように一つ一つアルバムごとに設定しなくてもいい。この点ではiTunesよりも使いやすい。

iPod nanoでLoveトラックのランダムスマートプレイリスト

何より嬉しかったのはLast.fmのLoveトラックをiPod nanoで楽しめること。foobar2000にLoveトラックのAutoplaylistを作ってiPod nanoに送れば、そのプレイリストを利用して簡単にLoveトラックのランダムスマートプレイリストが作れる。

欠点としてiPod managerではiTunes StoreやGeniusなどの機能はないが、曲の同期意外に使わないのならばこちらで十分だ。

これでiPod nanoの管理をするだけに使っていたiTunesがいらなくなり、foobar2000だけで事足りるようになった。音楽ライブラリを別々に構築するのは面倒だったので、これで随分と楽になるだろう。更にはLast.fmとの連携も強力にできるようになったので、言うこと無しだ。

Firefoxをネットブック向けにカスタマイズ

2010-03-15T01:07:00.005+09:00

遂に寿命が近づいていたノートPCが動かなくなったので、とりあえずネットブックを代わりに使用することに。Firefoxを入れて以前と同じ環境にしたが、このままではWebサイトの表示部分がかなり小さく見にくかったので、ネットブック用にカスタマイズし直すことにした。

FirefoxのUIを大まかに分けるとツールバー、タブ、ステータスバーの3つ。それぞれの部分について省スペース化を考えていく。

検索バーとロケーションバーの統合

今まではメニューバー、ナビゲーションツールバー、ブックマークツールバー(ボタンでの開閉式)の3段だった。その中でもナビゲーションツールバー内のロケーションバーがかなりスペースを取っているので、Googgle Chromeのように検索バーとロケーションバーを統合するOmnibarでスペースの節約を図る。更に他のボタンなども移動させて、ツールバーを２段構成にした。

ページ内検索バーの強化

そうなると検索バーでのページ内検索はできなくなるので、SearchWPと検索ボックス自動入力（学習機能付き）は削除。代わりにページ内検索バーをカスタマイズするFind Toolbar Tweaks、検索結果を画面中央に表示するucjs_findbar.uc.js、検索結果が折り返すときにビープ音を鳴らすucjs_findWrapPlayBeep.uc.jsを導入して、ページ内検索バーの機能を強化した。

多段タブからスクロールタブへ

多段式の方が沢山のタブを開いている際に判別しやすくて便利だが、その分スペースを取ってしまうのでスクロール式に変更。それに伴ってタブ管理をTabberwockyからTab Utilitiesに入れ替えた。このアドオンはFaviconizeTabと同等の機能を持っており、常に表示させているタブ等を小さくしておけばスペースを節約することができる。

ステータスバーを非表示に

私の場合はChromeStatusbarModoki.uc.jsで既に非表示にしてあったが、表示されるパネルがリンクと重なる部分の問題があるので、それを解消できるLink Target Displayに変更。ステータスバーが非表示となるとプログレスバーも無くなるので、タブにページのプログレスバーを表示するTab Progress Bar、ロケーションバーにプログレスバーを表示するFissionなどで補強するといい。

以上によってUIを省スペース化し、Webサイトの表示範囲を広げることができた。

今回一番大きな変更は、やはり検索バーとロケーションバーを統合させた点。最初は少し違和感があったが、使っているうちに解消されていった。2つのバーの統合はFirefox 3.7でも予定されているので、今のうちに慣れておくのもいいだろう。

多機能ブックマークレット Quix Custom Buttons版

2010-03-03T00:28:00.003+09:00

多機能ブックマークレットのQuixをCustom Buttons用に移植。コマンドのなかでもSEOやWeb管理者向けのものが充実しており、その上Firebugまでアドオン無しで使えるというのはとてもありがたい。

ツールチップに一般的な検索サイトやソーシャルブックマークが表示される。コマンドを調べたいときは、中クリックでヘルプページを開ける。

Quix

Func UIのサンプル：画像の鏡面表示

2010-02-21T02:36:00.003+09:00

$gp_imageではkeepaspect:trueにしてあると画像が自動で縮小されるが、画像の基準点を指定することはできない。なのであらかじめ表示座標を取得して、縮小された分だけ下にずらすようにして鏡面表示にしている。素材画像はfunc_ui_mirror.zipに。

(General)

On Playback New Track

$hash(NOWPLAYING.ART,$albumart(%path%,cover_front))
$updatewindow('NOWPLAYING',event:open)

MAIN

Load

// init
$hash(NOWPLAYING.W,300)
$hash(NOWPLAYING.H,$calc(%NOWPLAYING.W%*1.5))
$hash(NOWPLAYING.ART.WH,240)

$window('NOWPLAYING',10,10,%NOWPLAYING.W%,%NOWPLAYING.H%,parent:%_id%,embed:true)

NOWPLAYING

Load
```
// init
$style(%_id%,clear)
```

Open

// clear
$clearobject(%_id%,event:open)

// object
$gp_image(%_id%,%NOWPLAYING.ART%,$calc({%NOWPLAYING.W%-%NOWPLAYING.ART.WH%}/2),,%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,keepaspect:true,mempos:true,dmode:calconly)
$gp_image(%_id%,%NOWPLAYING.ART%,$calc({%NOWPLAYING.W%-%NOWPLAYING.ART.WH%}/2),%_mp_top%,%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,keepaspect:true,cache:false)
$gp_image(%_id%,%NOWPLAYING.ART%,$calc({%NOWPLAYING.W%-%NOWPLAYING.ART.WH%}/2),$calc(%_mp_bottom%-1),%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,flip:y,keepaspect:true,cache:false)
$gp_image(%_id%,/images\overlay.png,$calc({%NOWPLAYING.W%-%NOWPLAYING.ART.WH%}/2),%_mp_top%,%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,keepaspect:true)
$gp_image(%_id%,/images\overlay_reflect.png,$calc({%NOWPLAYING.W%-%NOWPLAYING.ART.WH%}/2),%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,keepaspect:true)

// update
$updatewindow(%_id%,event:open)

foobar2000のカスタマイズ 3

2010-02-14T22:20:00.006+09:00

foobar2000をv0.9.5.2からv1.0にアップグレードし、ユーザーインターフェイスをColumns UIからFunc UIへと変えた。なのでデザインは以前のものとほぼ同じだが、構築方法はまるで違うものになっている。また、v1.0から新しく追加されたPortable Modeでも使えるようにパスは全て相対パスに直し、オンラインストレージ上の曲を聞く場合はimages > albumフォルダから画像を取得するようにした。

Func UIの自由度に関しては、コマンドを自分で作ることさえ可能なので、できないことはほぼ無いというほど。Track info modやWSH Panelで表示させていたボタンやシークバーもFunc UI一つで全て表示できるようになったので、構造自体もかなりシンプルになった。

欠点があるとすれば、ホットキーのActivate or HideでActivate時に正常に表示されないことと、Vistaではポップアップ(ツールチップ)が正常に表示されないことぐらいだ。

コンポーネント

Biography View
Channel Spectrum panel
Custom Datebase
ELPlaylist
Func User Interface
Graphical Browser
Playlists Dropdown
WSH Panel Mod

画像ファイル

overlay.png
CDジャケットにかかる光沢の画像
overlay_reflect.png
CDジャケットを鏡面反射にするための画像
no_image.jpg
表示するCDジャケットがない場合に表示される画像
lovetrack.png, lovetrack_hover.png, lovetrack_active.png
再生中または選択中の曲をLoveトラックか判別して表示する画像

Window (Script)

(General)
(User)
MAIN
NOWPLAYING
SEEK
VOLUME
HEADER1
HEADER2
HEADER3

Panel

CHANNEL_SPECTRUM_PANEL
WSH_LAST_FM
PLAYLISTS_DROPDOWN
ELPLAYLIST
GRAPHICAL_BROWSER1
GRAPHICAL_BROWSER2
BIOGRAPHY

Script

(General)

On init

// size
$hash(COLUMN1.X,10)
$hash(COLUMN2.X,250)
$hash(COLUMN3.X,722)
$hash(COLUMN1.Y,10)
$hash(COLUMN2.Y,60)
$hash(COLUMN3.Y,620)
$hash(COLUMN1.W,230)
$hash(COLUMN2.W,462)
$hash(COLUMN3.W,248)
$hash(COLUMN1.H,50)
$hash(COLUMN2.H,550)
$hash(COLUMN3.H,20)

$hash(SEEKBAR.W,130)
$hash(SEEKBAR.H,10)
$hash(SEEKBAR.X,$calc({%COLUMN1.W%-%SEEKBAR.W%}/2))
$hash(SEEKBAR.Y,0)
$hash(SEEKBAR.B,2)
$hash(SEEKBAR.BW,$calc(%SEEKBAR.W%-%SEEKBAR.B%*2))
$hash(SEEKBAR.BH,$calc(%SEEKBAR.H%-%SEEKBAR.B%*2))

$hash(PLAYBACK.Y,410)
$hash(PLAYBACK.W,20)
$hash(PLAYBACK.H,25)

$hash(NOWPLAYING.ART.WH,180)
$hash(HEADER.H,50)
$hash(BUTTON.W,60)

// font
$if($files(C:\WINDOWS\Fonts\TARISAKA.ttf),
 $hash(MAIN.FONT.N,Arial)
 $hash(NOWPLAYING.FONT.Y,5)
 $hash(POPUP.FONT.Y,14)
,
 $hash(MAIN.FONT.N,メイリオ)
 $hash(NOWPLAYING.FONT.Y,0)
 $hash(POPUP.FONT.Y,12)
)
$hash(MAIN.FONT.S,8)
$hash(PLAYBACK.FONT.N,Webdings)
$hash(PLAYBACK.FONT.S,14)
$hash(BUTTON.FONT.N,Arial)
$hash(BUTTON.FONT.S,7)

// color
$hash(MAIN.COLOR,81-134-165)
$hash(NOWPLAYING.FONT.COLOR,64-64-64)
$hash(SUB.FONT.COLOR,96-96-96)
$hash(ACTIVE.FONT.COLOR,255-255-255)
$hash(HEADER.FONT.COLOR,255-255-255)
$hash(HEADER.BG.COLOR,192-192-192)
$hash(FOCUS.BG.COLOR,224-224-224)
$hash(DEFAULT.BG.COLOR,240-240-240)

// command
$contextmenu_set(ActivateNowPlaying,'$pi_select(%pl_playingname%,%pi_playingindex%)')
$hash(PLAYBACK.ORDER.DEFAULT,'Repeat (playlist)')
$hash(PLAYBACK.ORDER.REPEAT,'Repeat (track)')
$hash(PLAYBACK.ORDER.SHUFFLE,'Shuffle (albums)')

On Timer

// popup
$if($strcmp(%_timerid%,'POPUP'),
 $tooltip_activate(%POPUP%,false)
 $settimer(%_timerid%,0)
,)

On Playback Starting
```
// playback
$playback_update()
```

On Playback New Track

// nowplaying
$nowplaying()
$updatewindow('NOWPLAYING',event:open)
$updatewindow('HEADER3',event:open)

// seek
$updatewindow('SEEK',event:open)

// popup
$popup()

On Playback Stop

// nowplaying
$updatewindow('NOWPLAYING',event:open)

// playback
$playback_update()

// seek
$updatewindow('SEEK',event:open)

On Playback Seek

// seek
$updatewindow('SEEK',event:open)

On Playback Pause

// playback
$playback_update()

// popup
$if(%playback_ispaused%,,$popup())

On Playback Time (Per Second)

// seek
$if(%playback_ispaused%,,$if(%playback_isplaying%,$updatewindow('SEEK',event:open)))

On Playback Order Changed

// playback order
$playback_order_update()

On Playlist Activate

$updatewindow('HEADER1',event:open)
$updatewindow('HEADER2',event:open)

On Playlist Renamed
```
$updatewindow('HEADER2',event:open)
```
On Playlist Item Focus Change
```
$updatewindow('HEADER1',event:open)
```
On Playlist Item Added
```
$updatewindow('HEADER2',event:open)
```
On Playlist Item Removed
```
$updatewindow('HEADER2',event:open)
```

On Volume Change

//volume
$updatewindow('VOLUME',event:open)
$trayballoon('foobar2000','Volume:'$ifequal($strchr(%volume%,'.'),2,'0.0 dB',$ifequal($strchr(%volume%,'.'),3,$left(%volume%,4)' dB',$ifequal($strchr(%volume%,'.'),4,$left(%volume%,5)' dB','Mute'))),sound:false)

(User)

(Custom scripts)

// nowplaying
#function nowplaying
$hash(NOWPLAYING.ART,$albumart(
$ifequal($replace($substr(%path%,1,2),C:,1),1,
 $replace(%path%,%filename_ext%,)%album%.jpg
,
 $ifequal($replace($substr(%path%,1,4),http,1),1,
  /images\album\%album%.jpg
 ,
  /images\no_image.jpg
 )
)
,cover_front))
$hash(NOWPLAYING.TITLE,%title%)
$hash(NOWPLAYING.ARTIST,%artist%)
$hash(NOWPLAYING.ALBUM,%album%)
#end

// playback
#function playback_button
$drawtext(%mainid%,9,$calc(%COLUMN1.W%/2-%PLAYBACK.W%-5),%PLAYBACK.Y%,%PLAYBACK.W%,%PLAYBACK.H%,fg:%SUB.FONT.COLOR%,font-name:%PLAYBACK.FONT.N%,font-size:%PLAYBACK.FONT.S%,halign:center,valign:middle)
$hash(PLAYBACK.PREV.HOVER,$drawtext(%mainid%,9,$calc(%COLUMN1.W%/2-%PLAYBACK.W%-5),%PLAYBACK.Y%,%PLAYBACK.W%,%PLAYBACK.H%,fg:%MAIN.COLOR%,font-name:%PLAYBACK.FONT.N%,font-size:%PLAYBACK.FONT.S%,hide,halign:center,valign:middle))
$map(%mainid%,
 over:'
 $showobject(%PLAYBACK.PREV.HOVER%,true,redraw:true)',
 out:'
 $showobject(%PLAYBACK.PREV.HOVER%,false,redraw:true)',
 lbuttondown:'
 $playback_control(prev)'
)
$hash(PLAYBACK.PREV.MAP,%_result%)
$map_rect(%PLAYBACK.PREV.MAP%,$calc(%COLUMN1.W%/2-%PLAYBACK.W%-5),%PLAYBACK.Y%,%PLAYBACK.W%,%PLAYBACK.H%)

$drawtext(%mainid%,:,$calc(%COLUMN1.W%/2+%PLAYBACK.W%+5),%PLAYBACK.Y%,%PLAYBACK.W%,%PLAYBACK.H%,fg:%SUB.FONT.COLOR%,font-name:%PLAYBACK.FONT.N%,font-size:%PLAYBACK.FONT.S%,halign:center,valign:middle)
$hash(PLAYBACK.NEXT.HOVER,$drawtext(%mainid%,:,$calc(%COLUMN1.W%/2+%PLAYBACK.W%+5),%PLAYBACK.Y%,%PLAYBACK.W%,%PLAYBACK.H%,fg:%MAIN.COLOR%,font-name:%PLAYBACK.FONT.N%,font-size:%PLAYBACK.FONT.S%,hide,halign:center,valign:middle))
$map(%mainid%,
 over:'
 $showobject(%PLAYBACK.NEXT.HOVER%,true,redraw:true)',
 out:'
 $showobject(%PLAYBACK.NEXT.HOVER%,false,redraw:true)',
 lbuttondown:'
 $playback_control(next)'
)
$hash(PLAYBACK.NEXT.MAP,%_result%)
$map_rect(%PLAYBACK.NEXT.MAP%,$calc(%COLUMN1.W%/2+%PLAYBACK.W%+5),%PLAYBACK.Y%,%PLAYBACK.W%,%PLAYBACK.H%)

$hash(PLAYBACK.PLAY,$drawtext(%mainid%,4,$calc(%COLUMN1.W%/2),%PLAYBACK.Y%,%PLAYBACK.W%,%PLAYBACK.H%,fg:%SUB.FONT.COLOR%,font-name:%PLAYBACK.FONT.N%,font-size:%PLAYBACK.FONT.S%,hide,halign:center,valign:middle))
$hash(PLAYBACK.PAUSE,$drawtext(%mainid%,;,$calc(%COLUMN1.W%/2),%PLAYBACK.Y%,%PLAYBACK.W%,%PLAYBACK.H%,fg:%SUB.FONT.COLOR%,font-name:%PLAYBACK.FONT.N%,font-size:%PLAYBACK.FONT.S%,hide,halign:center,valign:middle))
$hash(PLAYBACK.PLAY.HOVER,$drawtext(%mainid%,4,$calc(%COLUMN1.W%/2),%PLAYBACK.Y%,%PLAYBACK.W%,%PLAYBACK.H%,fg:%MAIN.COLOR%,font-name:%PLAYBACK.FONT.N%,font-size:%PLAYBACK.FONT.S%,hide,halign:center,valign:middle))
$hash(PLAYBACK.PAUSE.HOVER,$drawtext(%mainid%,;,$calc(%COLUMN1.W%/2),%PLAYBACK.Y%,%PLAYBACK.W%,%PLAYBACK.H%,fg:%MAIN.COLOR%,font-name:%PLAYBACK.FONT.N%,font-size:%PLAYBACK.FONT.S%,hide,halign:center,valign:top))
#end

#function playback_update
$if(%playback_ispaused%,
 $showobject(%PLAYBACK.PLAY%,true,redraw:true)
 $showobject(%PLAYBACK.PAUSE%,false,redraw:true)
 $showobject(%PLAYBACK.PAUSE.HOVER%,false,redraw:true)
 $removectrl(%PLAYBACK.PLAY.MAP%)
 $updatectrl(%PLAYBACK.PLAY.MAP%)
 $map(%mainid%,
  over:'
  $showobject(%PLAYBACK.PLAY.HOVER%,true,redraw:true)',
  out:'
  $showobject(%PLAYBACK.PLAY.HOVER%,false,redraw:true)',
  lbuttondown:'
  $playback_control(play_or_pause)'
 )
 $hash(PLAYBACK.PLAY.MAP,%_result%)
 $map_rect(%PLAYBACK.PLAY.MAP%,$calc(%COLUMN1.W%/2),%PLAYBACK.Y%,%PLAYBACK.W%,%PLAYBACK.H%)
,
 $if(%playback_isplaying%,
  $showobject(%PLAYBACK.PLAY%,false,redraw:true)
  $showobject(%PLAYBACK.PAUSE%,true,redraw:true)
  $showobject(%PLAYBACK.PLAY.HOVER%,false,redraw:true)
  $removectrl(%PLAYBACK.PLAY.MAP%)
  $updatectrl(%PLAYBACK.PLAY.MAP%)
  $map(%mainid%,
   over:'
   $showobject(%PLAYBACK.PAUSE.HOVER%,true,redraw:true)',
   out:'
   $showobject(%PLAYBACK.PAUSE.HOVER%,false,redraw:true)',
   lbuttondown:'
   $playback_control(play_or_pause)'
  )
  $hash(PLAYBACK.PLAY.MAP,%_result%)
  $map_rect(%PLAYBACK.PLAY.MAP%,$calc(%COLUMN1.W%/2),%PLAYBACK.Y%,%PLAYBACK.W%,%PLAYBACK.H%)
 ,
  $showobject(%PLAYBACK.PLAY%,true,redraw:true)
  $showobject(%PLAYBACK.PAUSE%,false,redraw:true)
  $showobject(%PLAYBACK.PAUSE.HOVER%,false,redraw:true)
  $removectrl(%PLAYBACK.PLAY.MAP%)
  $updatectrl(%PLAYBACK.PLAY.MAP%)
  $map(%mainid%,
   over:'
   $showobject(%PLAYBACK.PLAY.HOVER%,true,redraw:true)',
   out:'
   $showobject(%PLAYBACK.PLAY.HOVER%,false,redraw:true)',
   lbuttondown:'
   $playback_control(play)'
  )
  $hash(PLAYBACK.PLAY.MAP,%_result%)
  $map_rect(%PLAYBACK.PLAY.MAP%,$calc(%COLUMN1.W%/2),%PLAYBACK.Y%,%PLAYBACK.W%,%PLAYBACK.H%)
 )
)
#end

// playback order
#function playback_order_button
$gp_rect(%mainid%,%COLUMN1.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%DEFAULT.BG.COLOR%)
$drawtext(%mainid%,Default,%COLUMN1.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%SUB.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,halign:center,valign:middle)
$hash(PLAYBACK.ORDER.DEFAULT.HOVER.BG,$gp_rect(%mainid%,%COLUMN1.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%FOCUS.BG.COLOR%,hide))
$hash(PLAYBACK.ORDER.DEFAULT.HOVER,$drawtext(%mainid%,Default,%COLUMN1.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%MAIN.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle))
$hash(PLAYBACK.ORDER.DEFAULT.ACTIVE.BG,$gp_rect(%mainid%,%COLUMN1.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%MAIN.COLOR%,hide))
$hash(PLAYBACK.ORDER.DEFAULT.ACTIVE,$drawtext(%mainid%,Default,%COLUMN1.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%ACTIVE.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle))
$map(%mainid%,
 over:'
 $showobject(%PLAYBACK.ORDER.DEFAULT.HOVER.BG%,true,redraw:true)
 $showobject(%PLAYBACK.ORDER.DEFAULT.HOVER%,true,redraw:true)',
 out:'
 $showobject(%PLAYBACK.ORDER.DEFAULT.HOVER.BG%,false,redraw:true)
 $showobject(%PLAYBACK.ORDER.DEFAULT.HOVER%,false,redraw:true)',
 lbuttondown:'
 $mainmenu_execute(%PLAYBACK.ORDER.DEFAULT%)'
)
$hash(PLAYBACK.ORDER.DEFAULT.MAP,%_result%)
$map_rect(%PLAYBACK.ORDER.DEFAULT.MAP%,%COLUMN1.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%)

$drawtext(%mainid%,Repeat,$calc(%COLUMN1.X%+%BUTTON.W%),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%SUB.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,halign:center,valign:middle)
$hash(PLAYBACK.ORDER.REPEAT.HOVER.BG,$gp_rect(%mainid%,$calc(%COLUMN1.X%+%BUTTON.W%),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%FOCUS.BG.COLOR%,hide))
$hash(PLAYBACK.ORDER.REPEAT.HOVER,$drawtext(%mainid%,Repeat,$calc(%COLUMN1.X%+%BUTTON.W%),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%MAIN.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle))
$hash(PLAYBACK.ORDER.REPEAT.ACTIVE.BG,$gp_rect(%mainid%,$calc(%COLUMN1.X%+%BUTTON.W%),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%MAIN.COLOR%,hide))
$hash(PLAYBACK.ORDER.REPEAT.ACTIVE,$drawtext(%mainid%,Repeat,$calc(%COLUMN1.X%+%BUTTON.W%),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%ACTIVE.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle))
$map(%mainid%,
 over:'
 $showobject(%PLAYBACK.ORDER.REPEAT.HOVER.BG%,true,redraw:true)
 $showobject(%PLAYBACK.ORDER.REPEAT.HOVER%,true,redraw:true)',
 out:'
 $showobject(%PLAYBACK.ORDER.REPEAT.HOVER.BG%,false,redraw:true)
 $showobject(%PLAYBACK.ORDER.REPEAT.HOVER%,false,redraw:true)',
 lbuttondown:'
 $mainmenu_execute(%PLAYBACK.ORDER.REPEAT%)'
)
$hash(PLAYBACK.ORDER.REPEAT.MAP,%_result%)
$map_rect(%PLAYBACK.ORDER.REPEAT.MAP%,$calc(%COLUMN1.X%+%BUTTON.W%),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%)

$gp_rect(%mainid%,$calc(%COLUMN1.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%DEFAULT.BG.COLOR%)
$drawtext(%mainid%,Shuffle,$calc(%COLUMN1.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%SUB.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,halign:center,valign:middle)
$hash(PLAYBACK.ORDER.SHUFFLE.HOVER.BG,$gp_rect(%mainid%,$calc(%COLUMN1.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%FOCUS.BG.COLOR%,hide))
$hash(PLAYBACK.ORDER.SHUFFLE.HOVER,$drawtext(%mainid%,Shuffle,$calc(%COLUMN1.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%MAIN.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle))
$hash(PLAYBACK.ORDER.SHUFFLE.ACTIVE.BG,$gp_rect(%mainid%,$calc(%COLUMN1.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%MAIN.COLOR%,hide))
$hash(PLAYBACK.ORDER.SHUFFLE.ACTIVE,$drawtext(%mainid%,Shuffle,$calc(%COLUMN1.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%ACTIVE.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle))
$map(%mainid%,
 over:'
 $showobject(%PLAYBACK.ORDER.SHUFFLE.HOVER.BG%,true,redraw:true)
 $showobject(%PLAYBACK.ORDER.SHUFFLE.HOVER%,true,redraw:true)',
 out:'
 $showobject(%PLAYBACK.ORDER.SHUFFLE.HOVER.BG%,false,redraw:true)
 $showobject(%PLAYBACK.ORDER.SHUFFLE.HOVER%,false,redraw:true)',
 lbuttondown:'
 $mainmenu_execute(%PLAYBACK.ORDER.SHUFFLE%)'
)
$hash(PLAYBACK.ORDER.SHUFFLE.MAP,%_result%)
$map_rect(%PLAYBACK.ORDER.SHUFFLE.MAP%,$calc(%COLUMN1.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%)
#end

#function playback_order_update
$ifequal(%playback_orderindex%,1,
 $showobject(%PLAYBACK.ORDER.DEFAULT.ACTIVE.BG%,true,redraw:true)
 $showobject(%PLAYBACK.ORDER.DEFAULT.ACTIVE%,true,redraw:true)
 $showobject(%PLAYBACK.ORDER.REPEAT.ACTIVE.BG%,false,redraw:true)
 $showobject(%PLAYBACK.ORDER.REPEAT.ACTIVE%,false,redraw:true)
 $showobject(%PLAYBACK.ORDER.SHUFFLE.ACTIVE.BG%,false,redraw:true)
 $showobject(%PLAYBACK.ORDER.SHUFFLE.ACTIVE%,false,redraw:true)
,
 $ifequal(%playback_orderindex%,2,
  $showobject(%PLAYBACK.ORDER.DEFAULT.ACTIVE.BG%,false,redraw:true)
  $showobject(%PLAYBACK.ORDER.DEFAULT.ACTIVE%,false,redraw:true)
  $showobject(%PLAYBACK.ORDER.REPEAT.ACTIVE.BG%,true,redraw:true)
  $showobject(%PLAYBACK.ORDER.REPEAT.ACTIVE%,true,redraw:true)
  $showobject(%PLAYBACK.ORDER.SHUFFLE.ACTIVE.BG%,false,redraw:true)
  $showobject(%PLAYBACK.ORDER.SHUFFLE.ACTIVE%,false,redraw:true)
 ,
  $ifequal(%playback_orderindex%,5,
   $showobject(%PLAYBACK.ORDER.DEFAULT.ACTIVE.BG%,false,redraw:true)
   $showobject(%PLAYBACK.ORDER.DEFAULT.ACTIVE%,false,redraw:true)
   $showobject(%PLAYBACK.ORDER.REPEAT.ACTIVE.BG%,false,redraw:true)
   $showobject(%PLAYBACK.ORDER.REPEAT.ACTIVE%,false,redraw:true)
   $showobject(%PLAYBACK.ORDER.SHUFFLE.ACTIVE.BG%,true,redraw:true)
   $showobject(%PLAYBACK.ORDER.SHUFFLE.ACTIVE%,true,redraw:true)
  ,
  )
 )
)
#end

// panel switch
#function panel_switch_button
$gp_rect(%mainid%,%COLUMN2.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%DEFAULT.BG.COLOR%)
$drawtext(%mainid%,Playlist,%COLUMN2.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%SUB.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,halign:center,valign:middle)
$hash(PANEL.SWITCH.PLAYLIST.HOVER.BG,$gp_rect(%mainid%,%COLUMN2.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%FOCUS.BG.COLOR%,hide))
$hash(PANEL.SWITCH.PLAYLIST.HOVER,$drawtext(%mainid%,Playlist,%COLUMN2.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%MAIN.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle))
$hash(PANEL.SWITCH.PLAYLIST.ACTIVE.BG,$gp_rect(%mainid%,%COLUMN2.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%MAIN.COLOR%,hide))
$hash(PANEL.SWITCH.PLAYLIST.ACTIVE,$drawtext(%mainid%,Playlist,%COLUMN2.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%ACTIVE.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle))
$map(%mainid%,
 over:'
 $showobject(%PANEL.SWITCH.PLAYLIST.HOVER.BG%,true,redraw:true)
 $showobject(%PANEL.SWITCH.PLAYLIST.HOVER%,true,redraw:true)',
 out:'
 $showobject(%PANEL.SWITCH.PLAYLIST.HOVER.BG%,false,redraw:true)
 $showobject(%PANEL.SWITCH.PLAYLIST.HOVER%,false,redraw:true)',
 lbuttondown:'
 $showwindow(HEADER1,1)
 $showwindow(HEADER2,1)
 $showwindow(HEADER3,0)
 $showpanel(ELPLAYLIST,true)
 $showpanel(GRAPHICAL_BROWSER1,true)
 $showpanel(GRAPHICAL_BROWSER2,false)
 $showpanel(BIOGRAPHY,false)
 $panel_switch_update()'
)
$hash(PANEL.SWITCH.PLAYLIST.MAP,%_result%)
$map_rect(%PANEL.SWITCH.PLAYLIST.MAP%,%COLUMN2.X%,%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%)

$drawtext(%mainid%,Browser,$calc(%COLUMN2.X%+%BUTTON.W%),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%SUB.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,halign:center,valign:middle)
$hash(PANEL.SWITCH.BROWSER.HOVER.BG,$gp_rect(%mainid%,$calc(%COLUMN2.X%+%BUTTON.W%),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%FOCUS.BG.COLOR%,hide))
$hash(PANEL.SWITCH.BROWSER.HOVER,$drawtext(%mainid%,Browser,$calc(%COLUMN2.X%+%BUTTON.W%),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%MAIN.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle))
$hash(PANEL.SWITCH.BROWSER.ACTIVE.BG,$gp_rect(%mainid%,$calc(%COLUMN2.X%+%BUTTON.W%),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%MAIN.COLOR%,hide))
$hash(PANEL.SWITCH.BROWSER.ACTIVE,$drawtext(%mainid%,Browser,$calc(%COLUMN2.X%+%BUTTON.W%),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%ACTIVE.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle))
$map(%mainid%,
 over:'
 $showobject(%PANEL.SWITCH.BROWSER.HOVER.BG%,true,redraw:true)
 $showobject(%PANEL.SWITCH.BROWSER.HOVER%,true,redraw:true)',
 out:'
 $showobject(%PANEL.SWITCH.BROWSER.HOVER.BG%,false,redraw:true)
 $showobject(%PANEL.SWITCH.BROWSER.HOVER%,false,redraw:true)',
 lbuttondown:'
 $showwindow(HEADER1,0)
 $showwindow(HEADER2,0)
 $showwindow(HEADER3,0)
 $showpanel(ELPLAYLIST,false)
 $showpanel(GRAPHICAL_BROWSER1,false)
 $showpanel(GRAPHICAL_BROWSER2,true)
 $showpanel(BIOGRAPHY,false)
 $panel_switch_update()'
)
$hash(PANEL.SWITCH.BROWSER.MAP,%_result%)
$map_rect(%PANEL.SWITCH.BROWSER.MAP%,$calc(%COLUMN2.X%+%BUTTON.W%),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%)

$gp_rect(%mainid%,$calc(%COLUMN2.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%DEFAULT.BG.COLOR%)
$drawtext(%mainid%,Biography,$calc(%COLUMN2.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%SUB.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,halign:center,valign:middle)
$hash(PANEL.SWITCH.BIOGRAPHY.HOVER.BG,$gp_rect(%mainid%,$calc(%COLUMN2.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%FOCUS.BG.COLOR%,hide))
$hash(PANEL.SWITCH.BIOGRAPHY.HOVER,$drawtext(%mainid%,Biography,$calc(%COLUMN2.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%MAIN.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle))
$hash(PANEL.SWITCH.BIOGRAPHY.ACTIVE.BG,$gp_rect(%mainid%,$calc(%COLUMN2.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%MAIN.COLOR%,hide))
$hash(PANEL.SWITCH.BIOGRAPHY.ACTIVE,$drawtext(%mainid%,Biography,$calc(%COLUMN2.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%ACTIVE.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle))
$map(%mainid%,
 over:'
 $showobject(%PANEL.SWITCH.BIOGRAPHY.HOVER.BG%,true,redraw:true)
 $showobject(%PANEL.SWITCH.BIOGRAPHY.HOVER%,true,redraw:true)',
 out:'
 $showobject(%PANEL.SWITCH.BIOGRAPHY.HOVER.BG%,false,redraw:true)
 $showobject(%PANEL.SWITCH.BIOGRAPHY.HOVER%,false,redraw:true)',
 lbuttondown:'
 $showwindow(HEADER1,0)
 $showwindow(HEADER2,0)
 $showwindow(HEADER3,1)
 $showpanel(ELPLAYLIST,false)
 $showpanel(GRAPHICAL_BROWSER1,false)
 $showpanel(GRAPHICAL_BROWSER2,false)
 $showpanel(BIOGRAPHY,true)
 $panel_switch_update()'
)
$hash(PANEL.SWITCH.BIOGRAPHY.MAP,%_result%)
$map_rect(%PANEL.SWITCH.BIOGRAPHY.MAP%,$calc(%COLUMN2.X%+%BUTTON.W%*2),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%)
#end

#function panel_switch_update
$if($ispanelvisible(ELPLAYLIST),
 $showobject(%PANEL.SWITCH.PLAYLIST.ACTIVE.BG%,true,redraw:true)
 $showobject(%PANEL.SWITCH.PLAYLIST.ACTIVE%,true,redraw:true)
 $showobject(%PANEL.SWITCH.BROWSER.ACTIVE.BG%,false,redraw:true)
 $showobject(%PANEL.SWITCH.BROWSER.ACTIVE%,false,redraw:true)
 $showobject(%PANEL.SWITCH.BIOGRAPHY.ACTIVE.BG%,false,redraw:true)
 $showobject(%PANEL.SWITCH.BIOGRAPHY.ACTIVE%,false,redraw:true)
,
 $if($ispanelvisible(GRAPHICAL_BROWSER2),
  $showobject(%PANEL.SWITCH.PLAYLIST.ACTIVE.BG%,false,redraw:true)
  $showobject(%PANEL.SWITCH.PLAYLIST.ACTIVE%,false,redraw:true)
  $showobject(%PANEL.SWITCH.BROWSER.ACTIVE.BG%,true,redraw:true)
  $showobject(%PANEL.SWITCH.BROWSER.ACTIVE%,true,redraw:true)
  $showobject(%PANEL.SWITCH.BIOGRAPHY.ACTIVE.BG%,false,redraw:true)
  $showobject(%PANEL.SWITCH.BIOGRAPHY.ACTIVE%,false,redraw:true)
 ,
  $if($ispanelvisible(BIOGRAPHY),
   $showobject(%PANEL.SWITCH.PLAYLIST.ACTIVE.BG%,false,redraw:true)
   $showobject(%PANEL.SWITCH.PLAYLIST.ACTIVE%,false,redraw:true)
   $showobject(%PANEL.SWITCH.BROWSER.ACTIVE.BG%,false,redraw:true)
   $showobject(%PANEL.SWITCH.BROWSER.ACTIVE%,false,redraw:true)
   $showobject(%PANEL.SWITCH.BIOGRAPHY.ACTIVE.BG%,true,redraw:true)
   $showobject(%PANEL.SWITCH.BIOGRAPHY.ACTIVE%,true,redraw:true)
  ,
  )
 )
)
#end

// config
#function config_button
$drawtext(%mainid%,Config,$calc(%COLUMN2.X%+%BUTTON.W%*3),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%SUB.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,halign:center,valign:middle)
$hash(CONFIG.HOVER.BG,$gp_rect(%mainid%,$calc(%COLUMN2.X%+%BUTTON.W%*3),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%FOCUS.BG.COLOR%,hide))
$hash(CONFIG.HOVER,$drawtext(%mainid%,Config,$calc(%COLUMN2.X%+%BUTTON.W%*3),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%MAIN.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle,hide))
$hash(CONFIG.ACTIVE.BG,$gp_rect(%mainid%,$calc(%COLUMN2.X%+%BUTTON.W%*3),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,aa:false,brush:255-%MAIN.COLOR%,hide))
$hash(CONFIG.ACTIVE,$drawtext(%mainid%,Config,$calc(%COLUMN2.X%+%BUTTON.W%*3),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,fg:%ACTIVE.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle,hide))
$map(%mainid%,
 over:'
 $showobject(%CONFIG.HOVER.BG%,true,redraw:true)$showobject(%CONFIG.HOVER%,true,redraw:true)',
 out:'
 $showobject(%CONFIG.HOVER.BG%,false,redraw:true)$showobject(%CONFIG.HOVER%,false,redraw:true)',
 lbuttondown:'
 $showobject(%CONFIG.ACTIVE.BG%,true,redraw:true)
 $showobject(%CONFIG.ACTIVE%,true,redraw:true)$mainmenu_execute('File/Preferences')',
 lbuttonup:'
 $showobject(%CONFIG.ACTIVE.BG%,false,redraw:true)
 $showobject(%CONFIG.ACTIVE%,false,redraw:true)'
)
$hash(CONFIG.MAP,%_result%)
$map_rect(%CONFIG.MAP%,$calc(%COLUMN2.X%+%BUTTON.W%*3),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%)
#end

// popup
#function popup
$tooltip_update(%POPUP%,text:'
$gp_rect(%_objectid%,,,%_iwidth%,%_iheight%,brush:255-%MAIN.COLOR%,aa:false)
$gp_image(%_objectid%,%NOWPLAYING.ART%,10,10,60,60,keepaspect:true,cache:false)
$gp_text(%_objectid%,[%NOWPLAYING.TITLE%],80,%POPUP.FONT.Y%,$calc(%_iwidth%-90),15,brush:255-%ACTIVE.FONT.COLOR%,font-name:%MAIN.FONT.N%,font-size:9,font-style:b)
$gp_text(%_objectid%,[%NOWPLAYING.ARTIST%],80,$calc(%POPUP.FONT.Y%+18),$calc(%_iwidth%-90),15,brush:255-%ACTIVE.FONT.COLOR%,font-name:%MAIN.FONT.N%,font-size:9)
$gp_text(%_objectid%,[%NOWPLAYING.ALBUM%],80,$calc(%POPUP.FONT.Y%+18*2),$calc(%_iwidth%-90),15,brush:255-%ACTIVE.FONT.COLOR%,font-name:%MAIN.FONT.N%,font-size:9)'
)
$puts(POPUP.W,$tooltip_getinfo(%POPUP%,width))
$puts(POPUP.H,$tooltip_getinfo(%POPUP%,height))
$tooltip_update(%POPUP%,pos:$calc(%screen_width%-$get(POPUP.W)-20)-$calc(%screen_height%-$get(POPUP.H)-20))
$tooltip_activate(%POPUP%,true)
$settimer(POPUP,4000)
#end

MAIN

Load

// init
$style(%mainid%,maximizebox:off)

// $menubar(%_id%,%COLUMN1.X%,%COLUMN1.Y%,,,fg:255-255-255)
$window('NOWPLAYING',%COLUMN1.X%,80,%COLUMN1.W%,280,parent:%_id%,embed:true)
$window('SEEK',%COLUMN1.X%,370,%COLUMN1.W%,30,parent:%_id%,embed:true)
$playback_button()
$playback_update()
$panel(%_id%,'CHANNEL_SPECTRUM_PANEL',$calc(%COLUMN1.X%-5),460,$calc(%COLUMN1.W%+5),150)
$playback_order_button()
$playback_order_update()

$window('HEADER1',%COLUMN2.X%,%COLUMN1.Y%,%COLUMN2.W%,%HEADER.H%,parent:%_id%,embed:true)
$panel(%_id%,'ELPLAYLIST',%COLUMN2.X%,%COLUMN2.Y%,%COLUMN2.W%,%COLUMN2.H%)
$panel_switch_button()
$panel_switch_update()
$config_button()
$panel(%_id%,'WSH_LAST_FM',$calc(%COLUMN2.X%+%BUTTON.W%*6-18),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%)
$window('VOLUME',$calc(%COLUMN2.X%+%BUTTON.W%*7-18),%COLUMN3.Y%,%BUTTON.W%,%COLUMN3.H%,parent:%_id%,embed:true)

$window('HEADER2',%COLUMN3.X%,%COLUMN1.Y%,%COLUMN3.W%,%HEADER.H%,parent:%_id%,embed:true)
$panel(%_id%,'GRAPHICAL_BROWSER1',%COLUMN3.X%,%COLUMN2.Y%,%COLUMN3.W%,%COLUMN2.H%)
$panel(%_id%,'PLAYLISTS_DROPDOWN',%COLUMN3.X%,%COLUMN3.Y%,%COLUMN3.W%,%COLUMN3.H%)

// hide
$panel(%_id%,'GRAPHICAL_BROWSER2',%COLUMN2.X%,%COLUMN1.Y%,$calc(%COLUMN2.W%+10+%COLUMN3.W%),600,hide)
$window('HEADER3',%COLUMN2.X%,%COLUMN1.Y%,$calc(%COLUMN2.W%+10+%COLUMN3.W%),%HEADER.H%,parent:%_id%,embed:true,hide)
$panel(%_id%,'BIOGRAPHY',%COLUMN2.X%,85,$calc(%COLUMN2.W%+10+%COLUMN3.W%),525,hide)

// popup
$tooltip(%_id%,,,,,,mode:absolute,topmost:true,custom:true,size:300-80)
$hash(POPUP,%_result%)

NOWPLAYING

Load

// init
$style(%_id%,clear)
$map(%_id%,
 lbuttondown:'
 $contextmenu_execute('Func/User/ActivateNowPlaying',playing)'
)
$hash(NOWPLAYING.ART.MAP,%_result%)
$map_rect(%NOWPLAYING.ART.MAP%,$calc({%COLUMN1.W%-%NOWPLAYING.ART.WH%}/2),,%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%)

Open

// clear
$clearobject(%_id%,event:open)

// object
$ifequal(%playback_isplaying%,1,
 $gp_image(%_id%,%NOWPLAYING.ART%,$calc({%COLUMN1.W%-%NOWPLAYING.ART.WH%}/2),,%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,keepaspect:true,mempos:true,dmode:calconly)
 $gp_image(%_id%,%NOWPLAYING.ART%,$calc({%COLUMN1.W%-%NOWPLAYING.ART.WH%}/2),%_mp_top%,%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,keepaspect:true,cache:false)
 $gp_image(%_id%,%NOWPLAYING.ART%,$calc({%COLUMN1.W%-%NOWPLAYING.ART.WH%}/2),$calc(%_mp_bottom%-1),%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,flip:y,keepaspect:true,cache:false)
 $gp_image(%_id%,/images\overlay.png,$calc({%COLUMN1.W%-%NOWPLAYING.ART.WH%}/2),%_mp_top%,%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,keepaspect:true)
 $gp_image(%_id%,/images\overlay_reflect.png,$calc({%COLUMN1.W%-%NOWPLAYING.ART.WH%}/2),%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,keepaspect:true)

 $drawtext(%_id%,%NOWPLAYING.TITLE%,10,$calc(%NOWPLAYING.ART.WH%+%NOWPLAYING.ART.WH%/5),$calc(%COLUMN1.W%-20),15,fg:%NOWPLAYING.FONT.COLOR%,font-name:%MAIN.FONT.N%,font-size:%MAIN.FONT.S%,font-style:b,ellipsis:end,editctrl:true,halign:center)
 $drawtext(%_id%,%NOWPLAYING.ARTIST%,10,$calc(%NOWPLAYING.ART.WH%+%NOWPLAYING.ART.WH%/5+20),$calc(%COLUMN1.W%-20),15,fg:%NOWPLAYING.FONT.COLOR%,font-name:%MAIN.FONT.N%,font-size:%MAIN.FONT.S%,ellipsis:end,editctrl:true,halign:center)
 $drawtext(%_id%,%NOWPLAYING.ALBUM%,10,$calc(%NOWPLAYING.ART.WH%+%NOWPLAYING.ART.WH%/5+40),$calc(%COLUMN1.W%-20),15,fg:%NOWPLAYING.FONT.COLOR%,font-name:%MAIN.FONT.N%,font-size:%MAIN.FONT.S%,ellipsis:end,editctrl:true,halign:center)
,
 $gp_image(%_id%,/images\no_image.jpg,$calc({%COLUMN1.W%-%NOWPLAYING.ART.WH%}/2),,%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,keepaspect:true,cache:false)
 $gp_image(%_id%,/images\no_image.jpg,$calc({%COLUMN1.W%-%NOWPLAYING.ART.WH%}/2),%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,flip:y,keepaspect:true,cache:false)
 $gp_image(%_id%,/images\overlay.png,$calc({%COLUMN1.W%-%NOWPLAYING.ART.WH%}/2),,%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,keepaspect:true)
 $gp_image(%_id%,/images\overlay_reflect.png,$calc({%COLUMN1.W%-%NOWPLAYING.ART.WH%}/2),%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,%NOWPLAYING.ART.WH%,keepaspect:true)
)

// update
$updatewindow(%_id%,event:open)

SEEK

Load

// init
$style(%_id%,clear)
$gp_rect(%_id%,%SEEKBAR.X%,%SEEKBAR.Y%,$calc(%SEEKBAR.W%-1),$calc(%SEEKBAR.H%-1),pen:255-224-224-224-1,aa:false)

Open

// clear
$clearobject(%_id%,event:open)

// object
$gp_rect(%_id%,$calc(%SEEKBAR.X%+%SEEKBAR.B%),%SEEKBAR.B%,%SEEKBAR.BW%,%SEEKBAR.BH%,brush:255-255-255-255,aa:false)
$map(%_id%,
 lbuttondown:'
 $hash(SEEKBAR.PER,$calc({%_mouse_cx%+1-%SEEKBAR.X%-%SEEKBAR.B%}/%SEEKBAR.BW%))$playback_seek($calc(%playback_length%*%SEEKBAR.PER%))'
)
$hash(SEEKBAR.MAP,%_result%)
$gp_rect(%_id%,$calc(%SEEKBAR.X%+%SEEKBAR.B%),%SEEKBAR.B%,$calc(%SEEKBAR.BW%*{%playback_position%/%playback_length%}),%SEEKBAR.BH%,brush:255-%MAIN.COLOR%,aa:false)
$drawtext(%_id%,$pl_getmeta('[%playback_time%]',%pl_playingname%,%pi_playingindex%)' / '$pl_getmeta('[%_length%]',%pl_playingname%,%pi_playingindex%),,20,%COLUMN1.W%,10,fg:%SUB.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,halign:center)
$map_rect(%SEEKBAR.MAP%,$calc(%SEEKBAR.X%+%SEEKBAR.B%),%SEEKBAR.B%,%SEEKBAR.BW%,%SEEKBAR.BH%)

// update
$updatewindow(%_id%,event:open)

VOLUME

Load

// init
$style(%_id%,clear)
$bgcolor(%_id%,%DEFAULT.BG.COLOR%)

Open

// clear
$clearobject(%_id%,event:open)

// object
$ifequal(%volume%,-100.0,
 $bgcolor(%_id%,%MAIN.COLOR%)$drawtext(%_id%,Mute,,,%BUTTON.W%,%COLUMN3.H%,fg:%ACTIVE.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,halign:center,valign:middle)
,
 $hash(PLAYBACK.VOLUME,$drawtext(%_id%,$ifequal($strchr(%volume%,'.'),2,'0.0',$ifequal($strchr(%volume%,'.'),3,$left(%volume%,4),$ifequal($strchr(%volume%,'.'),4,$left(%volume%,5),)))' dB',,,%BUTTON.W%,%COLUMN3.H%,fg:%SUB.FONT.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,halign:center,valign:middle))
 $hash(PLAYBACK.VOLUME.HOVER,$drawtext(%_id%,$ifequal($strchr(%volume%,'.'),2,'0.0',$ifequal($strchr(%volume%,'.'),3,$left(%volume%,4),$ifequal($strchr(%volume%,'.'),4,$left(%volume%,5),)))' dB',,,%BUTTON.W%,%COLUMN3.H%,fg:%MAIN.COLOR%,font-name:%BUTTON.FONT.N%,font-size:%BUTTON.FONT.S%,hide,halign:center,valign:middle))
)
$map(%_id%,
 over:'
 $bgcolor(%_id%,%FOCUS.BG.COLOR%)
 $showobject(%PLAYBACK.VOLUME%,false,redraw:true)
 $showobject(%PLAYBACK.VOLUME.HOVER%,true,redraw:true)',
 out:'
 $bgcolor(%_id%,%DEFAULT.BG.COLOR%)
 $showobject(%PLAYBACK.VOLUME%,true,redraw:true)
 $showobject(%PLAYBACK.VOLUME.HOVER%,false,redraw:true)',
 lbuttondown:'
 $mainmenu_execute('Mute')'
)
$hash(VOLUME.MAP,%_result%)
$map_rect(%VOLUME.MAP%,,,%BUTTON.W%,%COLUMN3.H%)

// update
$updatewindow(%_id%,event:open)

HEADER1

Load

// init
$style(%_id%,clear)
$bgcolor(%_id%,%HEADER.BG.COLOR%)

Open

// clear
$clearobject(%_id%,event:open)

// object
$drawtext(%_id%,$pl_getmeta('%album%'),10,10,$sub(%COLUMN2.W%,20),15,fg:%HEADER.FONT.COLOR%,font-name:%MAIN.FONT.N%,font-size:%MAIN.FONT.S%)
$drawtext(%_id%,$pl_getmeta('%artist%'),10,25,$sub(%COLUMN2.W%,20),15,fg:%HEADER.FONT.COLOR%,font-name:%MAIN.FONT.N%,font-size:%MAIN.FONT.S%)
$drawtext(%_id%,$ifgreater($muldiv($pl_duration(%pl_activename%,selected),1,60),59,$muldiv($pl_duration(%pl_activename%,selected),1,3600):$pad_right($mod($muldiv($pl_duration(%pl_activename%,selected),1,60),60),2,0),$muldiv($pl_duration(%pl_activename%,selected),1,60)):$pad_right($mod($muldiv($pl_duration(%pl_activename%,selected),1,1),60),2,0),10,25,$sub(%COLUMN2.W%,20),15,fg:%HEADER.FONT.COLOR%,font-name:%MAIN.FONT.N%,font-size:%MAIN.FONT.S%,halign:right)

// update
$updatewindow(%_id%,event:open)

HEADER2

Load

// init
$style(%_id%,clear)
$bgcolor(%_id%,%HEADER.BG.COLOR%)

Open

// clear
$clearobject(%_id%,event:open)

// object
$drawtext(%_id%,$pl_getmeta('%pl_activename%'),10,10,$sub(%COLUMN3.W%,20),15,fg:%HEADER.FONT.COLOR%,font-name:%MAIN.FONT.N%,font-size:%MAIN.FONT.S%)
$drawtext(%_id%,$pl_group(group,'%album%')' groups, '$pl_itemcount()' tracks.',10,25,$sub(%COLUMN3.W%,20),15,fg:%HEADER.FONT.COLOR%,font-name:%MAIN.FONT.N%,font-size:%MAIN.FONT.S%)

// update
$updatewindow(%_id%,event:open)

HEADER3

Load

// init
$style(%_id%,clear)
$bgcolor(%_id%,%DEFAULT.BG.COLOR%)
$gp_rect(%_id%,,,10,%_height%,aa:false,brush:255-%HEADER.BG.COLOR%)

Open

// clear
$clearobject(%_id%,event:open)

// object
$gp_text(%_id%,[%NOWPLAYING.ARTIST%],15,%NOWPLAYING.FONT.Y%,$calc(%COLUMN2.W%+10+%COLUMN3.W%-20),$calc(%_height%-5),fg:%NOWPLAYING.FONT.COLOR%,brush:255-%NOWPLAYING.FONT.COLOR%,font-name:%MAIN.FONT.N%,font-size:26,font-style:b,valign:top)

// update
$updatewindow(%_id%,event:open)

Panel Settings

CHANNEL_SPECTRUM_PANEL

ForeGround1 : 160-160-160
BackGround : 255-255-255

WSH_LAST_FM
詳しくは別記事のfoobar2000にLast.fmの曲情報を表示するで。

PLAYLISTS_DROPDOWN

Display
Display

$rgb(64,64,64,255,255,255)
%title%

Style

$set_style(back,$rgb(255,255,255),$rgb(81,134,165))

$if($and(%_list%,$not(%_themed%)),
$ifequal($mod(%list_index%,2),1,
$set_style(back,$rgb(240,240,240),$rgb(81,134,165)),
$set_style(back,$rgb(255,255,255),$rgb(81,134,165))
)
)

Padding : top・bottom 1px, left・right 7px

ELPLAYLIST

Script
Track list

// Even background
$ifequal($mod(%el_item_index2%,2),1,
$fillrect(,,,,%EVEN.BG%,),
)

// Now playing
$if(%el_isplaying%,
$fillrect(,,,,%PLAYING.BG%,)
$drawstring(%tracknumber%,10,,%el_width%,%el_height%,%PLAYING%,vcenter nowrap elipchar)
$drawstring(%title%,30,,$sub(%el_width%,120),%el_height%,%PLAYING%,vcenter nowrap elipchar)
$drawstring($ifequal(%LASTFM_LOVED_DB%,1,♥,),,,$sub(%el_width%,70),%el_height%,%PLAYING%,vcenter right nowrap elipchar,),

// Focus
$if(%el_focused%,
$fillrect(,,,,%FOCUS.BG%,)
$drawstring(%tracknumber%,10,,%el_width%,%el_height%,%FOCUS%,vcenter nowrap elipchar,)
$drawstring(%title%,30,,$sub(%el_width%,120),%el_height%,%FOCUS%,vcenter nowrap elipchar,)
$drawstring($ifequal(%LASTFM_LOVED_DB%,1,♥,),,,$sub(%el_width%,70),%el_height%,%FOCUS%,vcenter right nowrap elipchar,)
$drawstring(%length%,,,$sub(%el_width%,8),%el_height%,%FOCUS%,vcenter right nowrap elipchar,),

// Default
$drawstring(%tracknumber%,10,,%el_width%,%el_height%,%DEFAULT%,vcenter nowrap elipchar,)
$drawstring(%title%,30,,$sub(%el_width%,120),%el_height%,%DEFAULT%,vcenter nowrap elipchar,)
$drawstring($ifequal(%LASTFM_LOVED_DB%,1,♥,),,,$sub(%el_width%,70),%el_height%,%DEFAULT%,vcenter right nowrap elipchar,)
$drawstring(%length%,,,$sub(%el_width%,8),%el_height%,%DEFAULT%,vcenter right nowrap elipchar,)
))
))

Per Second

$drawstring(%playback_time% / %length%,,,$sub(%el_width%,10),%el_height%,%PLAYING%,vcenter right nowrap elipchar hq)

Style
dafoult font : Arial 7pt (メイリオ 7pt)
Custom Background Colour : Total 255-255-255
Scrollbar : hide 4

Grouping
Group format

%album%

Sort format

$ifequal($replace($meta(genre),Compilation,1),1,$meta(genre) %album%,$ifequal($replace($meta(genre),Soundtrack,1),1,$meta(genre) %album%,%artist%)) $meta(date) %album% %tracknumber%

Row height : 25

Field definition
EVEN.BG : 240-240-240
PLAYING.BG : 81-134-165
PLAYING : 255-255-255
FOCUS.BG : 224-224-224
FOCUS : 81-134-165
DEFAULT : 96-96-96
Behaviour
Mouse Hover Action : Enable hover, Item Focus, Item Delay 0
Display only the focused group
Update every second(for per second)

GRAPHICAL_BROWSER1

Group
```
%album%
```

Sort

$ifequal($replace($meta(genre),Compilation,1),1,$meta(genre) %album%,$ifequal($replace($meta(genre),Soundtrack,1),1,$meta(genre) %album%,%artist%)) $meta(date) %album%

Item size
236 × 50
Popup size
300 × 100

Draw
Item

// Global
$puts(artpath,$ifequal($replace($substr(%path%,1,2),C:,1),1,
$replace(%path%,%filename_ext%,)%album%.jpg,
$ifequal($replace($substr(%path%,1,4),http,1),1,
images\album\%album%.jpg,
images\no_image.jpg)))

$puts(maincolor,81-134-165)
$set_font(Arial,8,)

// Even background
$ifequal($mod(%gb_item_index%,2),1,
$set_brush(240-240-240)
$fill_rect(0,0,%gb_width%,%gb_height%),
)


// Nowplaying
$if(%gb_isplaying%,
$set_brush($get(maincolor))
$fill_rect(0,0,%gb_width%,%gb_height%)

$draw_image(10,10,30,30,$get(artpath),
255,)

$set_font_color(255-255-255)
$draw_text(%album%,50,10,$eval(%gb_width%-60),%gb_height%,word_ellipsis)
$set_font_color(224-224-224)
$draw_text(%artist%,50,25,$eval(%gb_width%-60),%gb_height%,word_ellipsis),


// Focus
$if(%gb_focused%,
$set_brush(208-208-208)
$fill_rect(0,0,%gb_width%,%gb_height%)

$draw_image(10,10,30,30,$get(artpath),255,)

$set_font_color($get(maincolor))
$draw_text(%album%,50,10,$eval(%gb_width%-60),%gb_height%,word_ellipsis)
$set_font_color(128-128-128)
$draw_text(%artist%,50,25,$eval(%gb_width%-60),%gb_height%,word_ellipsis),


// Mouse over
$if(%gb_mouse_over%,
$set_brush(224-224-224)
$fill_rect(0,0,%gb_width%,%gb_height%)

$draw_image(10,10,30,30,$get(artpath),255,)

$set_font_color($get(maincolor))
$draw_text(%album%,50,10,$eval(%gb_width%-60),%gb_height%,word_ellipsis)
$set_font_color(128-128-128)
$draw_text(%artist%,50,25,$eval(%gb_width%-60),%gb_height%,word_ellipsis),


// Default
$draw_image(10,10,30,30,$get(artpath),230,)

$set_font_color($get(maincolor))
$draw_text(%album%,50,10,$eval(%gb_width%-60),%gb_height%,word_ellipsis)
$set_font_color(144-144-144)
$draw_text(%artist%,50,25,$eval(%gb_width%-60),%gb_height%,word_ellipsis)
)))

Popup

// Global
$puts(artpath,$ifequal($replace($substr(%path%,1,2),C:,1),1,
$replace(%path%,%filename_ext%,)%album%.jpg,
$ifequal($replace($substr(%path%,1,4),http,1),1,
images\album\%album%.jpg,
images\no_image.jpg)))

$set_font(Arial,8,)

// Popup
$gp_set_pen(255-192-192-192,2)
$gp_draw_rectangle(0,0,%gb_width%,%gb_height%)

$set_font_color(96-96-96)
$draw_image(10,10,80,80,$get(artpath),255,)
$draw_text(Album:%album%,100,12,$eval(%gb_width%-110),13,word_ellipsis)
$draw_text(Artist:%artist%,100,28,$eval(%gb_width%-110),13,word_ellipsis)
$draw_text(Genre:$meta(genre),99,44,$eval(%gb_width%-110),13,word_ellipsis)
$draw_text(Date:$meta(date),100,60,$eval(%gb_width%-110),13,word_ellipsis)
$draw_text(%gb_track_count% tracks   %gb_length%,100,76,$eval(%gb_width%-110),13,word_ellipsis,right)

Others
Scroll type : Vertical scroll
Scroll by a multiple of scroll size
Show scrollbar
Scroll size : 100

GRAPHICAL_BROWSER2
GRAPHICAL_BROWSER1と同じ設定だが、背景色が入るマスの位置だけが違う。

Draw
Item

// Global
$puts(artpath,$ifequal($replace($substr(%path%,1,2),C:,1),1,
$replace(%path%,%filename_ext%,)%album%.jpg,
$ifequal($replace($substr(%path%,1,4),http,1),1,
images\album\%album%.jpg,
images\no_image.jpg)))

$puts(maincolor,81-134-165)
$set_font(Arial,8,)

// Odd background
$ifequal($mod(%gb_item_index%,2),0,
$set_brush(240-240-240)
$fill_rect(0,0,%gb_width%,%gb_height%),
)


// Nowplaying
$if(%gb_isplaying%,
$set_brush($get(maincolor))
$fill_rect(0,0,%gb_width%,%gb_height%)

$draw_image(10,10,30,30,$get(artpath),
255,)

$set_font_color(255-255-255)
$draw_text(%album%,50,10,$eval(%gb_width%-60),%gb_height%,word_ellipsis)
$set_font_color(224-224-224)
$draw_text(%artist%,50,25,$eval(%gb_width%-60),%gb_height%,word_ellipsis),


// Focus
$if(%gb_focused%,
$set_brush(208-208-208)
$fill_rect(0,0,%gb_width%,%gb_height%)

$draw_image(10,10,30,30,$get(artpath),255,)

$set_font_color($get(maincolor))
$draw_text(%album%,50,10,$eval(%gb_width%-60),%gb_height%,word_ellipsis)
$set_font_color(128-128-128)
$draw_text(%artist%,50,25,$eval(%gb_width%-60),%gb_height%,word_ellipsis),


// Mouse over
$if(%gb_mouse_over%,
$set_brush(224-224-224)
$fill_rect(0,0,%gb_width%,%gb_height%)

$draw_image(10,10,30,30,$get(artpath),255,)

$set_font_color($get(maincolor))
$draw_text(%album%,50,10,$eval(%gb_width%-60),%gb_height%,word_ellipsis)
$set_font_color(128-128-128)
$draw_text(%artist%,50,25,$eval(%gb_width%-60),%gb_height%,word_ellipsis),


// Default
$draw_image(10,10,30,30,$get(artpath),230,)

$set_font_color($get(maincolor))
$draw_text(%album%,50,10,$eval(%gb_width%-60),%gb_height%,word_ellipsis)
$set_font_color(144-144-144)
$draw_text(%artist%,50,25,$eval(%gb_width%-60),%gb_height%,word_ellipsis)
)))

BIOGRAPHY
- Custom Colour
  Font : Arial 10pt (メイリオ 9pt)
  Background : 255-255-255
  Text : 96-96-96

Func UIの参考サイトのまとめ

2010-02-05T01:46:00.002+09:00

foobar2000でオンラインストレージからmp3をストリーミング再生する方法を実際に別のPCで試してみたところ、ファイルが正常に再生されなかった。原因はDolby Headphone Wrapperで指定するdolbyhph.dllの位置が絶対ファイルでしか指定できない為だった。最新版ならその問題を解決できるが、導入するにはfoobar2000 v1.0が必要となるので、これを機にアップグレードすることにした。

そうなるとfoo_funcやcwbowron's hooksなどのコンポーネントも使えなくなるので、同じような関数が使えるFunc UIを試してみた。

軽くいじってみたところ、今まで以上に自由な構成や多くの関数が使える反面、設定が難解だと言われるfoobar2000の中でも更に難易度が上がったように感じた。初めから全て作っていくとなるとかなり困難に近いので、Func UIの作者のTipsと設定を公開しているサイトをまとめておく。

Tips

設定を公開しているサイト

foobar2000でオンラインストレージからmp3をストリーミング再生する

2010-02-02T23:46:00.002+09:00

MP3tunesはオンラインストレージ上にmp3をアップロードして、ネット環境さえあればどこでも気軽に音楽を聴ける便利なサービスだが、いかんせんプレイヤーの使い勝手が悪い。だがプレイリストファイル(m3u)をダウンロードすることができるので、それを使ってfoobar2000でストリーミング再生させてみる。

早速ダウンロードしたプレイリストファイルをfoobar2000に読み込ませると、曲名ではなくファイルのURLが表示される。実際に再生してみると曲名に差し替えられ、プロパティからもファイル情報を見ることができた。オンラインプレイヤーでは日本語のファイル情報は文字化けしていたが、ファイル情報自体はそのまま保持されているようなので、foobar2000では正常に表示される。

※ MP3tunesのサイト上でもファイル情報を編集して文字化けを解消できるが、特定のタグ(Artist Name, Track Title, Album Title, Album Year, Track Number)しか編集はできない。また、その場合それ以外のものは全て消去されてしまうので、オンラインプレイヤーをどうしても使いたいのでなければファイル情報の編集はしない方がよい。

大量の曲を正常に表示させるには時間がかかるので、foo_preview_customで順次再生させていったのだが、その途中でプレイリストに全てのファイルが登録されていないのに気づいた。原因はmp3のファイル名が日本語だとfoobar2000で読み取れない為だったので、その際はプレイリストファイルをメモ帳に開いて、foobar2000のMenu > File > Add location...から手動で読み込ませた。

ストリーミング再生なので読み込みには少し時間がかかるが、その後は途切れることなく再生でき、音質の劣化も無い、また、曲を進ませるのはシームレスだが、戻らせるには若干間が空くので再度ストリーミングしているようだ。

これでMP3tunesにある曲をfoobar2000で聴くことができるようになった。後はUSBメモリなどに入れて持ち歩けば、使い慣れた環境でどこでも音楽を楽しめる。再生回数の情報などもLast.fmに送信して管理していたので、より効果的にデータベースを利用できるようにもなった。

Firefoxを引き算で高速化

2010-02-01T01:21:00.003+09:00

Firefoxの高速化に関する記事は大量にあるが、ほとんどのものが実際に早くなっているかは正確なテストをしなければ分からないので、単純にFirefoxから無駄をそぎ落とすことでの高速化を考えてみる。

最低限必要な機能を持ったアドオンを入れる

Tab Mix Plusのような多機能なアドオンは、その分ファイルサイズも大きくFirefoxを鈍重にしてしまう。最低限必要な機能があれば事足りるので、同系統のより小機能なものと入れ替える。
もし一つ二つ欲しい機能がない場合は、他のアドオンとの組み合わせで補うといい。

タブ統合型アドオンの比較表 - Firefox更新情報 Wiki*

また、あまり使わないアドオンは一旦無効にしてしばらく様子を見る。それで特に不便を感じないようであれば、思い切って削除してしまう。

Greasemonkeyの代わりにuserContent.jsを使う

GreasemonkeyはFirefoxの中でもとても優秀かつ代表的なアドオンだが、Webページのレンダリングを遅くしてしまう欠点がある。

Firefoxを遅くさせる最大原因はアドオン - 300clp

これと同じ機能を実装するものにuserContent.jsがある。こちらはレンダリング速度にもあまり影響は出ず、ファイルサイズ自体もかなり小さくなる。

Cox Café » userContent.jsの導入方法

しかし、スクリプトをインストールするのに一々プロファイルフォルダに手動でファイルを入れなければならならず、正常に動作しないスクリプトもある。

この点に関しては一概にどちらがいいとは言えないので、使いやすい方を選ぶといい。

アドオンの余分な言語ファイルを削除する

アドオンにはローカライズのため様々な言語ファイルが入っている場合があるので、使わない言語ファイルを削除すればファイル容量を小さくすることができる。

Firebootを使えば簡単に英語と日本語以外の言語ファイルを削除してくれる。ただし、圧縮率の関係で以前よりも容量が大きくなってしまうアドオンもあるので注意。

複数のプロファイルを使い分ける

FirefoxはWeb開発に適したFirebugなどの優秀なアドオンがあるが、普通にサイトを見る場合は重荷となってしまう。かといって単純に削除するわけにはいかないので、そういう場合は別々のプロファイルを用意するといい。

プロファイル - Mozilla Firefox まとめサイト

片方をWeb開発用、もう片方をWebブラウジング用として使い分ければ、互いに余分な機能を除くことができ、全体的なパフォーマンスのアップに繋がる。

Webページからの負荷を減らす

NoscriptやFlashbockなどのブロック系アドオンで、PC本体にかかる負荷を軽減する。

Javascriptは使用しているWebサイトが多いのでそこまで気にしなくてもいいが、Flashの広告やブログパーツなどは負荷が大きくなり邪魔なだけなので、あらかじめブロックしてしまえば大幅に負荷を軽減できる。何よりうざったい広告を見なくて済むので精神衛生上にも良い。

また、この系統のアドオンの中でもAdblock Plusは特に強力だが、フィルタの数が多すぎると返ってパフォーマンスを下げる原因となってしまうので注意すること。

他にもGIF画像のアニメーションを無効にすることでも負荷の軽減が見込める。(about:config -image.animation_mode:none)

操作をシンプルにする

よく行う動作などはそれを簡略化してくれるアドオンを導入して、Firefoxの操作上のタイムラグを無くす。この点に関しては個人の操作感が大きく影響するので、それぞれ自分に合ったアドオンを探すといい。

結果的にアドオンが増えることにはなってしまうが、そもそもアドオンを使わないのならFirefoxを使う意味はあまり無いので、必要なものはどんどん入れる。

ほとんどの人が恩恵を受けられる例としては、IME Areaがある。これはIMEがonのときフォームやテキストエリアの背景色を変えてくれるので、検索バーへの入力間違いを劇的に減らしてくれる優秀なアドオンだ。

同じ種類のものにIME and DiMENSiONもあるが、こちらは先ほどのFlashblockと競合してしまうので、両方使いたい場合はIME Areaを選ぶといい。

こうして並べてみると、自分がFirefoxでほぼ実践していることが多い。なにせCPU・メモリ共にネットブック以下の性能の上、ついにHDDまで棺桶に片足突っ込み始めたスクラップ同然のノートPCを使っているので、極力無駄を省かないと使い物にならないのだ。

ちなみに軽いと評判のGoogle Chromeも試してみたところ、extentionに関しては申し分ないがGresemonkeyスクリプトが動作しないものが多いので、まだまだ移行することにはならなそうだ。

最後に、よく出回る記事でメモリの使用量が激減するという類のアドオンやアプリケーションがあるが、大抵ほとんど効果が無いのでやめておいたほうがいい。また、config.trim_on_minimizeと設定するのも同様だ。

trim_on_minimizeでは、「FirefoxやThunderbirdのメモリ消費量を劇的に減ら」せない - ◆F99a.q8oVE::Blog

Firefoxアドオン TabberwockyとTab Utilities Liteの違いのまとめ

2010-01-23T01:30:00.006+09:00

上記の記事で紹介されているTabberwockyと~~Tab Utilities~~Tab Utilities Liteは共に軽量のタブ管理アドオンだが、設定できる機能はそれぞれ違っている点が多い。他のアドオンと競合する際に入れ換えて使う場合を考えて、互いの中で無い機能と、それを補うアドオンや本体の設定をまとめておく。

Tabberwocky

~~タブを隠す (HideTab~~)
~~タブをファビコンだけにする (FaviconizeTab~~)
重複タブを元のタブの右隣に開く
空白タブを利用する
空白タブを自動で閉じる (closeBlankTabOnCloseDownloadDialog.uc.js)
特定の条件から開いたタブにフォーカスする
新規タブを特定のURLで開く (NewTabURL)
~~タブを閉じたときに次の未読タブにフォーカスする~~
閉じたタブの履歴の表示 (Undo Closed Tabs Button)
閉じたタブの履歴数の設定 (about:config - browser.sessionstore.max_tabs_undo)
Ctrl+Tabで最近使った順に移動する (LastTab)
~~新規ウィンドウで開くリンクの設定 (about:config - browser.link.open_newwindow, browser.link.open_newwindow.restriction)~~
~~外部サイトへのリンクを開く設定 (DomainTab~~)
~~タブごとにセッション履歴を表示 (Tab Session History~~)
~~タブの詳細なクリックアクションの設定 (Tab Clicking Options~~)

Tab Utilities Lite

新規タブで開くリンクの設定 (DomainTab)
タブをクリックしたときの設定 (Tab Clicking Options)
新規タブボタンの非表示 (userChrome.css - .tabs-newtab-button {display: none;})
タブを閉じるボタンの設定 (about:config - browser.tabs.closeButtons)
タブの最小・最大幅の設定 (about:config - browser.tabs.tabClipWidth, browser.tabs.tabMaxWidth)
タブを複製 (Duplicate Tab)
タブを保護、タブをロック (Tabloc)
タブのタイトルをコピーする (CopyTitle)
「選択したリンクを新しいタブで開く」の追加 (Snap Links)
タブにプログレスバーを表示 (Tab Progress Bar)
多段タブ (zzzz-MultiRowTabforFx2.0_3.0.uc.js)

実際に使ってみたところ、欲しい機能が揃っていたのはTab Utilitiesだったが、Group/Sort Tabsや他のアドオンと競合してしまうので現状では見送りとなった。(タブを閉じたときに次にフォーカスするタブの設定が効かないなど)
まだ開発版のアドオンなので、今後のアップデートで修正されるのを期待したい。

2010/01/25 追記：Tab Utilitiesが大幅に機能拡張され、上記のほとんどの機能が実装されたため、軽量版のTab Utilities Liteとの比較に変更。

はてなブックマーク件数取得APIでBloggerに被ブックマーク数を表示

2010-01-21T01:35:00.028+09:00

新はてなブックマーク件数取得 API を使って自分のページに件数を埋め込む最も簡単な方法を参考にBlogger用に調整したもの。

<a expr:href='&quot;http://b.hatena.ne.jp/entry/&quot; + data:post.url'>
<script expr:src='&quot;http://api.b.st-hatena.com/entry.count?url=&quot; + data:post.url + &quot;&amp;callback=document.write&quot;'/> user</a>

テキストで出力されるのでCSSで装飾ができる。(ブログの書式の都合で掲載できないので、下のものは大体のイメージ。)

1 user 2 user 3 user 4 user

欠点は被ブックマーク数が0でも表示されてしまうので、単純に被ブックマーク数を画像で取得する場合の代わりにはならないこと。
何かいい方法は無いだろうか。

Firefox 3.6 現在の設定・アドオン

2010-01-11T22:04:00.009+09:00

先日アップデートしたFirefox 3.6 RC1。JavascriptエンジンがTraceMonkeyに変わったということだが、実際に使ってみたところ以前よりキビキビと動くように感じられる。

もう一つの大きな変更点として、FirefoxアドオンのPersonasが標準機能として統合され、アドオンマネージャでも管理できるようになった。これにより同名のアドオンの方は、メニューバー(ステータスバー)からお気に入りや最新のものに簡単に切り換えたり、ローカルに自分で作成したものも使えるなど、更なる機能拡張のためのものとなった。
私は特に頻繁に変えるという訳でもないので、Personasのアドオンは削除した。

まだ触り始めではあるが、ほとんどのアドオンはそのまま使えたので、現在の設定・アドオンを記録しておく。

Automatic Save Folder
保存するファイルを自動で条件ごとに指定した場所に振り分ける。
Bookmark Previews
ブックマークしたページのサムネイルを作成し、ツールチップに表示する。
bookmarks history panel
ブックマーク・履歴サイドバーをIE7のようにポップアップ表示する。
Boss Key
Firefoxを最小化・閉じる・グローバルホットキーでタスクトレイにしまう。
Cache Status
メモリ・ディスクキャッシュの容量を設定し、一定まで溜まると自動で削除する。
CookieCuller
指定したクッキーを保護し、それ以外をFirefox起動時に削除する。
Custom Buttons²
様々な機能のボタンをツールバーに追加できる。
- Auto context menu on selection
  選択するとコンテキストメニューを開く
- AutoCopy
  選択した文字列を自動でコピーする。
- Bottom Panel
  様々な設定画面やページを下部パネルで開く
- Check ‘em All
  選択したチェックボックスのon/offをまとめて切り換える。
- delicious
  表示しているサイトをdeliciousに登録する。
- DOMi and Error Console
  DOM Inspector、エラーコンソールを開く。
- Extensions in Sidebar
  アドオンマネージャをサイドバーで開く。
- Google’s Cache
  表示しているサイトのGoogleキャッシュを表示する。
- Launch Google Chrome
  表示しているサイトをGoogle Chromeで開く。
- Launch Sleipnir
  表示しているサイトをSleipnirで開く。
- Open the Chrome Folder
  FirefoxのProfileフォルダを開く。
- PDF to GoogleDocs
  ページ内のpdfへのリンクをGoogleDocsで開くようにURLを書き換える。
- Restart Firefox
  Firefoxを再起動する。
- toggle Java
  Javaのon/offを切り換える。
- toggle Javascript
  JavaScriptのon/offを切り換える。
- Toggle Option
  オプション画面を開く。
- Toggle Toolbar (Bookmark Toolbar)
  ツールバーを開閉する。
- UCTB
  閉じたタブを復元する。
- URL-Tools
  一つ上の階層に移動やキャッシュなどを表示する。
- サイト内検索
  表示しているサイト内をGoogleで検索する。
- はてなブックマークレット
  表示しているサイトをはてなブックマークに登録する。
- リファラ on/off 切り替え
  リファラのon/offを切り替える。
DOM Inspector
表示しているサイトの構造を表示・解析する。
DomainTab
リンク先のドメインを判別して新しいタブで開く。
Download Statusbar
ダウンロード中ファイルのプログレスバーをステータスバーの上に表示する。
feedly
Googleリーダーで取得しているフィードをマガジンスタイルで表示する。
Group/Sort Tabs
同ドメインやリンク元→リンク先のタブを自動でグループ化する。
Orbit Downloader Firefox Integration
Orbitへパラメータを渡す。
Read it Later (日本語版)
「あとで読む」機能を追加する。
Reload Tab On Double-Click
タブをダブルクリックでページを更新する。
Save File to
右クリックメニューに特定の保存先を追加する。
ScrapBook
Webサイトを取り込んで保存する。
SearchWP
サーチバーからページ内検索をできるようにする。
Stop Autoplay
サイト上に埋め込まれた動画や音楽などの自動再生を止める。
Stylish
CSSでWebサイトの表示を変更できる。
Stylish-Custom
Stylishの機能や設定を拡張する。
Tabberwocky
タブ機能を設定する。
userChromeJS
FirefoxのUIを拡張する。
- copy_link_text-1.0-fx.uc.xul
  リンク文字列をコピーする。
- SubmitToTab.uc.xul
  送信ボタンを中クリックで新規タブに開く。
- adblock#.uc.js
  ページ上の広告をブロックする。
- AutocloseBookmark&HistoryFolders.uc.js
  ブックマーク・履歴サイドバーで他のフォルダを開けたとき自動で閉める。
- ChromeStatusbarModoki.uc.js
  Google Chrome風のステータスバーを追加する。
- closeBlankTabOnCloseDownloadDialog.uc.js
  ファイルのダウンロード時に表示される空白タブを自動的に閉じる。
- dragimage.uc.js
  画像をドラッグしてスクルールできるようにする。
- enabledMainMenuToMove.uc.js
  メインメニューをドラッグアンドドロップで移動できるようにする。
- MedleyMenu.uc.js
  メニューバーを一纏めにする。
- MenubarForcus.uc.js
  Flashにフォーカスがある時サイドバーのスクロールをできるようにする。
- MiddleClickandGo.uc.js
  サーチバー、ロケーションバーを中クリックするとクリップボードの値を読み込んで検索する。
- MouseGestures.uc.js
  軽量マウスジェスチャを追加する。
- refererChanger.uc.js
  リファラーを柔軟に書き換える。
- SelectSearchInTextArea.uc.js
  テキストエリア内でドラッグした文字列を’Googleで検索’ができるようにする。
- smartmiddleclick.uc.js
  JavaScriptリンクを中クリックで新規タブに開く。
- StopAddonUpdate.uc.js
  指定したアドオンの更新を無効にする。
- TextareaSizers.uc.js
  テキストエリアの大きさを変更できるようにする。
- TextLink.uc.js
  リンクの貼られていないURLや足りていない文字列を補完して、ダブルクリックで新規タブに開く。
- userContent.js
  Greasemonkeyとほぼ同じ機能を実装する。
  - AnalyticsDisabler.user.js
    検索などを行った際に検索結果を追跡できないようにする。
  - GoogleSearch-RemoveRedirectFromLinks.user.js
    Google検索のリダイレクトを消去して高速化する。
  - GoogleThumbnails.user.js
    Googleの検索結果にサムネイルを追加する。
  - YAjaro.user.js
    Googleの検索結果でクリップ系サイトをクリックしても、直接おおもとの記事ページにジャンプする。
  - HatenaAndDeliciousCountWithGoogle.user.js
    Googleの検索結果にはてなブックマークとdeliciousのブックマーク数を表示する
  - AutoPagerize.user.js (userContent.js用)
    表示しているページに自動で次のページを読み込む。
  - AutoPagerizeSwitcher.user.js
    AutoPagerizeのon/offをキーボードで切り換える。
  - GreasedLightbox.user.js
    リンクされた画像を新規タブで開かずにオーバーレイ表示する。
  - AmazonPopupImageScript.user.js
    Amazonサイト内の画像をポップアップする
  - coralized-youtube.user.js
    キャッシュサーバーを利用してYoutubeの動画のロードを速くする。
  - DeliciousThumbnail&Favicon.user.js
    deliciousにサムネイル・ファビコンなどを追加する。
  - FixRecommendedTags.user.js
    はてなブックマークのタグの英語の大文字・小文字を同一化する。
  - FlashQualityChanger.user.js
    Flashの画質を自動で変更する。
  - Nicoiframereplace.user.js
    ニコニコ動画のiframeをニコネイルの画像に置換する。
  - nicoscroll2.user.js
    ニコニコ動画でプレーヤー部分まで自動スクロールする
  - PixivAjaxFavorite.user.js
    pixivの絵の上に、絵または作者の公開・非公開ブックマークのボタンを追加する。
  - PixivImageEnlarger.user.js
    pixivの絵を自動で原寸サイズに切り替える。
  - PixivImagesDirectLink.user.js
    pixivのサムネイル周辺にフルサイズへのリンクをつける。
  - PixivViewComment.user.js
    pixivのコメントを自動で表示する。
  - YouTubeHDSuite.user.js
    YouTubeの動画を自動で高画質に切り替え、ダウンロードリンクを追加する。
  - 2chURLModify.user.js
    2ch等の掲示板の画像URLをサムネイル表示に切り替える。
Yet Another Smooth Scrolling
スクロールをスムーズにする。
検索ボックス自動入力（学習機能付き）
サーチバーとサイトのサーチフォームを同期する。

前と比べて大きな変更点は、タブの管理をTab Mix plusからTabberwockyとDomainTabに変えたこと。

Tab Mix plusはそれ一つでほとんどのタブ設定ができるほど多機能だが、それだけ容量も大きく私には余分な機能が多かった。また、新しく入れたGroup/Sort Tabsと相性が悪く、タブの挙動がおかしいなどの不満もあった。それでも手放せなかったのは、リンク先のドメインを判別して新しいタブで開いてくれる機能があったからだ。

だがDomainTabでその機能が実装できるようになったので、タブの管理には軽いと評判のTabberwockyに変更した。こちらはGroup/Sort Tabsでのタブの挙動もちゃんと制御でき、タブの切り替えの際にあった一瞬のブランクも解消された。

他には、Orbit Downloader Firefox IntegrationはOrbit 2.8.17からOneClick YouTube Downloaderというアドオンに統合された。アップデートして入れて見たところ、他のアドオンが正常に動作しないなどの不具合がでたので、Orbit 2.8.16までダウングレードして入れなおした。

また、Boss KeyはMinimizeToTrayの代わりだが、不具合(タスクトレイ収納時に右クリックが効かない)もなくグローバルホットキーも設定して使えるので、ほぼ上位互換のようなもの。その上ファイルサイズはMinimizeToTrayよりも小さいのだから、そちらを使っている人には是非お勧めしたい。

AutoPagerize 0.41 mod (userContent.js用)

2010-01-09T19:30:00.008+09:00

Firefox 3.6 RC1が出ていたので一足速くアップデートしたが、AutoPagerizeが動かなくなってしまった。私はGreasemonkeyではなくuserContent,jsを使っており、バージョンも少し前の0.35 modを使っていたので、AutoPagerizeはそのままでは使えない。

丁度いい機会なので、AutoPagerize 0.41をuserContent.js用に調整した。また、スクロール時の動作も高速化してある。(AutoPagerizeでスクロールが重くなるのを回避する)

// ==UserScript==
// @name           AutoPagerize
// @namespace      http://swdyh.yu.to/
// @description    loading next page and inserting into current page.
// @include        http://*
// @include        https://*
// @exclude        https://mail.google.com/*
// @exclude        http://b.hatena.ne.jp/*
// ==/UserScript==
//
// auther:  swdyh edited by other http://other-webscrap.blogspot.com/
// version: 0.0.41 mod
//
// this script based on
// GoogleAutoPager(http://la.ma.la/blog/diary_200506231749.htm) and
// estseek autopager(http://la.ma.la/blog/diary_200601100209.htm).
// thanks to ma.la.
//
// Released under the GPL license
// http://www.gnu.org/copyleft/gpl.html
//

var URL = 'http://autopagerize.net/'
var VERSION = '0.0.41 mod'
var DEBUG = false
var AUTO_START = true
var CACHE_EXPIRE = 24 * 60 * 60 * 1000
var BASE_REMAIN_HEIGHT = 400
var FORCE_TARGET_WINDOW = getPref('force_target_window', true)
var USE_COUNTER = true
var XHR_TIMEOUT = 30 * 1000
var SITEINFO_IMPORT_URLS = [
    'http://wedata.net/databases/AutoPagerize/items.json',
    'http://utatane.appjet.net/databases/AutoPagerize/items.json',
    'http://ss-o.net/databases/AutoPagerize/items.json'
]
var COLOR = {
    on: '#0f0',
    off: '#ccc',
    loading: '#0ff',
    terminated: '#00f',
    error: '#f0f'
}
var SITEINFO = [
    /* sample
    {
        url:          'http://(.*).google.+/(search).+',
        nextLink:     'id("navbar")//td[last()]/a',
        pageElement:  '//div[@id="res"]/div',
        exampleUrl:   'http://www.google.com/search?q=nsIObserver',
    },
    */
    /* template
    {
        url:          '',
        nextLink:     '',
        pageElement:  '',
        exampleUrl:   '',
    },
    */
]
var MICROFORMAT = {
    url:          '.*',
    nextLink:     '//a[@rel="next"] | //link[@rel="next"]',
    insertBefore: '//*[contains(@class, "autopagerize_insert_before")]',
    pageElement:  '//*[contains(@class, "autopagerize_page_element")]',
}

var AutoPager = function(info) {
    this.pageNum = 1
    this.info = info
    this.state = AUTO_START ? 'enable' : 'disable'
    var self = this
    var url = this.getNextURL(info.nextLink, document, location.href)

    if ( !url ) {
        debug("getNextURL returns null.", info.nextLink)
        return
    }
    if (info.insertBefore) {
        this.insertPoint = getFirstElementByXPath(info.insertBefore)
    }

    if (!this.insertPoint) {
        var lastPageElement = getElementsByXPath(info.pageElement).pop()
        if (lastPageElement) {
            this.insertPoint = lastPageElement.nextSibling ||
                lastPageElement.parentNode.appendChild(document.createTextNode(' '))
        }
    }

    if (!this.insertPoint) {
        debug("insertPoint not found.", lastPageElement, info.pageElement)
        return
    }

    this.requestURL = url
    this.loadedURLs = {}
    this.loadedURLs[location.href] = true
    var toggle = function() {self.stateToggle()}
    this.toggle = toggle
    GM_registerMenuCommand('AutoPagerize - on/off', toggle)
    this.scroll= function() {self.icon.style.opacity = 0; self.onScroll() }
    window.addEventListener("scroll", this.scroll, true)

    if (isFirefoxExtension()) {
        var div = document.createElement("div")
        div.setAttribute('id', 'autopagerize_icon')
        div.style.display = 'none'
        document.body.appendChild(div)
        this.icon = div
    }
    else {
        this.initIcon()
        this.initHelp()
        this.icon.addEventListener("mouseover", function() {
            self.viewHelp() }, true)
    }

    var scrollHeight = getScrollHeight()
    var bottom = getElementPosition(this.insertPoint).top ||
        this.getPageElementsBottom() ||
        (Math.round(scrollHeight * 0.8))
    this.remainHeight = scrollHeight - bottom + BASE_REMAIN_HEIGHT
    this.onScroll()

    var that = this
    document.addEventListener('AutoPagerizeToggleRequest', function() {
        that.toggle()
    }, false)
    document.addEventListener('AutoPagerizeUpdateIconRequest', function() {
        that.updateIcon()
    }, false)
    that.updateIcon()
}

AutoPager.prototype.getPageElementsBottom = function() {
    try {
        var elem = getElementsByXPath(this.info.pageElement).pop()
        return getElementBottom(elem)
    }
    catch(e) {}
}

AutoPager.prototype.initHelp = function() {
    var helpDiv = document.createElement('div')
    helpDiv.setAttribute('id', 'autopagerize_help')
    helpDiv.setAttribute('style', 'padding:5px;position:absolute;' +
                     'top:-300px;right:3px;font-size:10px;' +
                     'background:#fff;color:#000;border:1px solid #ccc;' +
                     'z-index:256;text-align:left;font-weight:normal;' +
                     'line-height:120%;font-family:verdana;')

    var toggleDiv = document.createElement('div')
    toggleDiv.setAttribute('style', 'margin:0 0 0 50px;')
    var a = document.createElement('a')
    a.setAttribute('class', 'autopagerize_link')
    a.innerHTML = 'on/off'
    a.href = 'javascript:void(0)'
    var self = this
    var toggle = function() {
        self.stateToggle()
        helpDiv.style.top = '-200px'
    }
    a.addEventListener('click', toggle, false)
    toggleDiv.appendChild(a)

    var s = '<div style="width:100px; float:left;">'
    for (var i in COLOR) {
        s += '<div style="float:left;width:1em;height:1em;' +
            'margin:0 3px;background-color:' + COLOR[i] + ';' +
            '"></div><div style="margin:0 3px">' + i + '</div>'
    }
    s += '</div>'
    var colorDiv = document.createElement('div')
    colorDiv.innerHTML = s
    helpDiv.appendChild(colorDiv)
    helpDiv.appendChild(toggleDiv)

    var versionDiv = document.createElement('div')
    versionDiv.setAttribute('style', 'clear:both;')
    versionDiv.innerHTML = '<a href="' + URL +
        '">AutoPagerize</a> ver ' + VERSION
    helpDiv.appendChild(versionDiv)
    document.body.appendChild(helpDiv)

    var proc = function(e) {
        var c_style = document.defaultView.getComputedStyle(helpDiv, '')
        var s = ['top', 'left', 'height', 'width'].map(function(i) {
            return parseInt(c_style.getPropertyValue(i)) })
        if (window.scrollX + e.clientX < s[1] || window.scrollX + e.clientX > (s[1] +s[3] + 11) ||
            window.scrollY + e.clientY < s[0] || window.scrollY + e.clientY > (s[0] +s[2] + 11)) {
                helpDiv.style.top = '-300px'
        }
    }
    helpDiv.addEventListener('mouseout', proc, false)
    this.helpLayer = helpDiv
    GM_addStyle('#autopagerize_help a { color: #0f0; text-decoration: underline;}')
}

AutoPager.prototype.viewHelp = function() {
    this.helpLayer.style.top = window.scrollY + 3 + 'px'
    this.helpLayer.style.left = window.innerWidth + window.scrollX -300 + 'px';
}

AutoPager.prototype.onScroll = function() {
    if(this.IndicatorTimer) clearTimeout(this.IndicatorTimer);
    var self = this;
    self.IndicatorTimer = window.setTimeout(function(window){
      self.icon.style.top = window.scrollY + 3 + 'px'
      self.icon.style.left = window.innerWidth + window.scrollX -30 + 'px';
      self.icon.style.opacity = 1;
    },300,window);

    var scrollHeight = Math.max(document.documentElement.scrollHeight,
                                document.body.scrollHeight)
    var remain = scrollHeight - window.innerHeight - window.scrollY
    if (this.state == 'enable' && remain < this.remainHeight) {
      if (/www\.google\.(com|co\.jp)\/search/.test(document.location.href)){
        if (this.waitTimer)
          clearTimeout(this.waitTimer);
        if (!this.LastTime){
          var wait = 0;
        } else {
          var wait = (new Date().getTime() - self.LastTime > 1000) ? 0 : 1000;
        }
        if (wait == 0)
          (function(self){self.request();self.LastTime = new Date().getTime();})(this);
        else
          this.waitTimer = setTimeout(function(self){self.request();self.LastTime = new Date().getTime();},wait, this);
      }else{
        this.request()
      }
    }
}

AutoPager.prototype.stateToggle = function() {
    if (this.state == 'enable') {
        this.disable()
    }
    else {
        this.enable()
    }
}

AutoPager.prototype.enable = function() {
    this.state = 'enable'
    this.updateIcon()
}

AutoPager.prototype.disable = function() {
    this.state = 'disable'
    this.updateIcon()
}

AutoPager.prototype.updateIcon = function(state) {
    var st = state || this.state
    var rename = {'enable': 'on', 'disable': 'off' }
    if (rename[st]) {
        st = rename[st]
    }
    var color = COLOR[st]
    if (color) {
        this.icon.style.background = color
        if (isFirefoxExtension()) {
            chlorine.statusBar.update(color, location.href)
        }
    }
}

AutoPager.prototype.request = function() {
    if (!this.requestURL || this.lastRequestURL == this.requestURL) {
        return
    }

    if (!this.canHandleCrossDomainRequest()) {
        return
    }

    this.lastRequestURL = this.requestURL
    var self = this
    var mime = 'text/html; charset=' + document.characterSet
    var headers = {}
    if (isSameDomain(this.requestURL)) {
        headers.Cookie = document.cookie
    }
    var opt = {
        method: 'get',
        url: this.requestURL,
        headers: headers,
        overrideMimeType: mime,
        onerror: this.error,
        onload: function(res) {
            self.requestLoad.apply(self, [res])
        }
    }
    AutoPager.requestFilters.forEach(function(i) { i(opt) }, this)
    this.showLoading(true)
    GM_xmlhttpRequest(opt)
}

AutoPager.prototype.showLoading = function(sw) {
    if (sw) {
        this.updateIcon('loading')
    }
    else {
        this.updateIcon('enable')
    }
}

AutoPager.prototype.requestLoad = function(res) {
    if (!this.canHandleCrossDomainRequest()) {
        return
    }

    AutoPager.responseFilters.forEach(function(i) {
        i(res, this.requestURL)
    }, this)

    if (res.finalUrl) {
        this.requestURL = res.finalUrl
    }

    var t = res.responseText
    var htmlDoc = createHTMLDocumentByString(t)
    AutoPager.documentFilters.forEach(function(i) {
        i(htmlDoc, this.requestURL, this.info)
    }, this)
    try {
        var page = getElementsByXPath(this.info.pageElement, htmlDoc)
        var url = this.getNextURL(this.info.nextLink, htmlDoc, this.requestURL)
    }
    catch(e){
        log(e)
        this.error()
        return
    }

    if (!page || page.length < 1 ) {
        debug('pageElement not found.' , this.info.pageElement)
        this.terminate()
        return
    }

    if (this.loadedURLs[this.requestURL]) {
        debug('page is already loaded.', this.requestURL, this.info.nextLink)
        this.terminate()
        return
    }

    this.loadedURLs[this.requestURL] = true
    page = this.addPage(htmlDoc, page)
    AutoPager.filters.forEach(function(i) {
        i(page)
    })
    this.requestURL = url
    this.showLoading(false)
    this.onScroll()
    if (!url) {
        debug('nextLink not found.', this.info.nextLink, htmlDoc)
        this.terminate()
    }
    var ev = document.createEvent('Event')
    ev.initEvent('GM_AutoPagerizeNextPageLoaded', true, false)
    document.dispatchEvent(ev)
}

AutoPager.prototype.addPage = function(htmlDoc, page) {
    var HTML_NS  = 'http://www.w3.org/1999/xhtml'
    var hr = document.createElementNS(HTML_NS, 'hr')
    var p  = document.createElementNS(HTML_NS, 'p')
    hr.setAttribute('class', 'autopagerize_page_separator')
    p.setAttribute('class', 'autopagerize_page_info')
    var self = this

    if (page[0] && page[0].tagName == 'TR') {
        var insertParent = this.insertPoint.parentNode
        var colNodes = getElementsByXPath('child::tr[1]/child::*[self::td or self::th]', insertParent)

        var colums = 0
        for (var i = 0, l = colNodes.length; i < l; i++) {
            var col = colNodes[i].getAttribute('colspan')
            colums += parseInt(col, 10) || 1
        }
        var td = document.createElement('td')
        // td.appendChild(hr)
        td.appendChild(p)
        var tr = document.createElement('tr')
        td.setAttribute('colspan', colums)
        tr.appendChild(td)
        insertParent.insertBefore(tr, this.insertPoint)
    }
    else {
        this.insertPoint.parentNode.insertBefore(hr, this.insertPoint)
        this.insertPoint.parentNode.insertBefore(p, this.insertPoint)
    }

    p.innerHTML = 'page: <a class="autopagerize_link" href="' +
        this.requestURL.replace(/&/g, '&amp;') + '">' + (++this.pageNum) + '</a>'
    return page.map(function(i) {
        var pe = document.importNode(i, true)
        self.insertPoint.parentNode.insertBefore(pe, self.insertPoint)
        var ev = document.createEvent('MutationEvent')
        ev.initMutationEvent('AutoPagerize_DOMNodeInserted', true, false,
                             self.insertPoint.parentNode, null,
                             self.requestURL, null, null)
        pe.dispatchEvent(ev)
        return pe
    })
}

AutoPager.prototype.initIcon = function() {
    var div = document.createElement("div")
    div.setAttribute('id', 'autopagerize_icon')
    with (div.style) {
        fontSize   = '12px'
        position   = 'absolute'
        top        = '3px'
        right      = '3px'
        background = COLOR['on']
        color      = '#fff'
        width = '10px'
        height = '10px'
        zIndex = '255'
        if (this.state != 'enable') {
            background = COLOR['off']
        }
    }
    document.body.appendChild(div)
    this.icon = div
}

AutoPager.prototype.getNextURL = function(xpath, doc, url) {
    var nextLink = getFirstElementByXPath(xpath, doc)
    if (nextLink) {
        var nextValue = nextLink.href || nextLink.action || nextLink.value
        if (nextValue.match(/^http(s)?:/)) {
            return nextValue
        }
        else {
            var base = getFirstElementByXPath('//base[@href]', doc)
            return resolvePath(nextValue, (base ? base.href : url))
        }
    }
}

AutoPager.prototype.canHandleCrossDomainRequest = function() {
    if (!supportsFinalUrl()) {
        if (!isSameDomain(this.requestURL)) {
            this.error()
            return false
        }
    }
    return true
}

AutoPager.prototype.terminate = function() {
    this.updateIcon('terminated')
    window.removeEventListener('scroll', this.scroll, true)
    var self = this
    setTimeout(function() {
        self.updateIcon('disable')
        self.icon.parentNode.removeChild(self.icon)
    }, 1500)
}

AutoPager.prototype.error = function() {
    this.updateIcon('error')
    window.removeEventListener('scroll', this.scroll, true)
}

AutoPager.documentFilters = []
AutoPager.requestFilters = []
AutoPager.responseFilters = []
AutoPager.filters = []

function Counter() {}
Counter.DATA_KEY = 'counter_data'

Counter.get = function() {
    return eval(GM_getValue(Counter.DATA_KEY)) || {}
}

Counter.set = function(val) {
    return GM_setValue(Counter.DATA_KEY, uneval(val))
}

Counter.up = function() {
    var date = new Date()
    var date_y = date.getFullYear()
    var date_m = date.getMonth() + 1
    var date_d = date.getDate()
    var counter_data = Counter.get()
    counter_data[date_y] = counter_data[date_y] || {}
    counter_data[date_y][date_m] = counter_data[date_y][date_m] || {}
    counter_data[date_y][date_m][date_d] =
        (counter_data[date_y][date_m][date_d] || 0) + 1
    Counter.set(counter_data)
    return counter_data[date_y][date_m][date_d]
}

Counter.reset = function() {
    return Counter.set({})
}

Counter.total = function() {
    var total = 0
    var counter_data = Counter.get()
    for (var year in counter_data) {
        for (var month in counter_data[year]) {
            for (var date in counter_data[year][month]) {
                total += counter_data[year][month][date]
            }
        }
    }
    return total
}

Counter.view = function() {
    var div = Counter.layer()
    var couter_data = Counter.get()
    var comp = function(a, b) { return b - a }
    Counter.each(couter_data,function(year, year_data) {
        Counter.each(year_data, function(month, month_data) {
            var img = document.createElement('img')
            img.src = Counter.chart(year, month, month_data)
            div.appendChild(img)
        }, comp)
    }, comp)
    window.scrollTo(0, 0)
}

Counter.layer = function() {
    var id = 'autopagerize_count_chart'
    var e = document.getElementById(id)
    if (e) {
        e.parentNode.removeChild(e)
    }
    var div = document.createElement('div')
    div.id = id
    div.style.position = 'absolute'
    div.style.top = '0px'
    div.style.left = '0px'
    div.style.width = '100%'
    div.style.border = '1px solid #ccc'
    div.style.backgroundColor = '#fff'
    div.style.zIndex = '100'
    document.body.appendChild(div)
    var h1 = document.createElement('h1')
    h1.appendChild(document.createTextNode('AutoPagerize Count Chart: ' + Counter.total()))
    div.appendChild(h1)
    return div
}

Counter.each = function(obj, func, comp) {
    var ks = []
    for (var k in obj) {
        ks.push(k)
    }
    if (comp) {
        ks.sort(comp)
    }
    for (var i = 0; i < ks.length; i++) {
        func(ks[i], obj[ks[i]])
    }
}

Counter.chart = function(year, month, month_data) {
    var max = 0
    var total = 0
    var x_label = []
    var val = []
    for (var i = 1; i <= 31; i++) {
        var v = month_data[i] || 0
        x_label.push(i)
        val.push(v)
        max = Math.max(max, v)
        total += v
    }
    var range = Counter.ceil(max)
    var y_label = []
    for (var i = 0; i <= 10; i++) {
        y_label.push(range / 10 * i)
    }
    var xl = function(num, list) {
        return num + ':|' + list.join('|') + '|'
    }
    var url = 'http://chart.apis.google.com/chart?' +
        'cht=bvs&chs=500x250&chbh=10&chxt=x,y,x&chco=adff2f' +
        '&chd=t:' + val.join(',') +
        '&chxl=' + xl(0, x_label) + xl(1, y_label) + xl(2, ['  total: ' + total]) +
        '&chds=0,' + (range * 1.1) +
        '&chtt=' + year + '/' + month
    return url
}

Counter.ceil = function(val) {
    var n = 1
    var limit = 100
    for (var i = 0; i < limit; i++) {
        if (n > val) {
            return n
        }
        n = n * 5
        if (n > val) {
            return n
        }
        n = n * 2
    }
}

if (USE_COUNTER) {
    GM_registerMenuCommand('AutoPagerize - count chart', Counter.view)
    AutoPager.documentFilters.push(function() {
        Counter.up()
    })
}


var parseInfo = function(str) {
    var lines = str.split(/\r\n|\r|\n/)
    var re = /(^[^:]*?):(.*)$/
    var strip = function(str) {
        return str.replace(/^\s*/, '').replace(/\s*$/, '')
    }
    var info = {}
    for (var i = 0; i < lines.length; i++) {
        if (lines[i].match(re)) {
            info[RegExp.$1] = strip(RegExp.$2)
        }
    }
    var isValid = function(info) {
        var infoProp = ['url', 'nextLink', 'pageElement']
        for (var i = 0; i < infoProp.length; i++) {
            if (!info[infoProp[i]]) {
                return false
            }
        }
        return true
    }
    return isValid(info) ? info : null
}
var launchAutoPager = function(list) {
    if (list.length == 0) {
        return
    }
    for (var i = 0; i < list.length; i++) {
        try {
            if (ap) {
                return
            }
            else if (!location.href.match(list[i].url)) {
            }
            else if (!getFirstElementByXPath(list[i].nextLink)) {
                // FIXME microformats case detection.
                // limiting greater than 12 to filter microformats like SITEINFOs.
                if (list[i].url.length > 12 ) {
                    debug("nextLink not found.", list[i].nextLink)
                }
            }
            else if (!getFirstElementByXPath(list[i].pageElement)) {
                if (list[i].url.length > 12 ) {
                    debug("pageElement not found.", list[i].pageElement)
                }
            }
            else {
                ap = new AutoPager(list[i])
                return
            }
        }
        catch(e) {
            log(e)
            continue
        }
    }
}
var clearCache = function() {
    GM_setValue('cacheInfo', '')
}
var getCache = function() {
    return eval(GM_getValue('cacheInfo')) || {}
}
var getCacheCallback = function(res, url) {
    if (res.status != 200) {
        return getCacheErrorCallback(url)
    }

    var info
    try {
        info = eval(res.responseText).map(function(i) { return i.data })
    }
    catch(e) {
        info = []
        var matched = false
        var hdoc = createHTMLDocumentByString(res.responseText)
        var textareas = getElementsByXPath(
            '//*[@class="autopagerize_data"]', hdoc)
        textareas.forEach(function(textarea) {
            var d = parseInfo(textarea.value)
            if (d) {
                info.push(d)
                if (!matched && location.href.match(d.url)) {
                    matched = d
                }
            }
        })
    }
    if (info.length > 0) {
        info = info.filter(function(i) { return ('url' in i) })
        info.sort(function(a, b) { return (b.url.length - a.url.length) })

        var r_keys = ['url', 'nextLink', 'insertBefore', 'pageElement']
        info = info.map(function(i) {
            var item = {}
            r_keys.forEach(function(key) {
                if (i[key]) {
                    item[key] = i[key]
                }
            })
            return item
        })

        cacheInfo[url] = {
            url: url,
            expire: new Date(new Date().getTime() + CACHE_EXPIRE),
            info: info
        }
        GM_setValue('cacheInfo', cacheInfo.toSource())
        launchAutoPager(info)
    }
    else {
        getCacheErrorCallback(url)
    }
}
var getCacheErrorCallback = function(url) {
    var expire = new Date(new Date().getTime() + CACHE_EXPIRE)
    if (cacheInfo[url]) {
        cacheInfo[url].expire = expire
        launchAutoPager(cacheInfo[url].info)
    }
    else {
        cacheInfo[url] = {
            url: url,
            expire: expire,
            info: []
        }
    }
    GM_setValue('cacheInfo', cacheInfo.toSource())
}

var linkFilter = function(doc, url) {
    var base = getFirstElementByXPath('//base[@href]', doc)
    var baseUrl = base ? base.href : url
    var isSameBase = isSameBaseUrl(location.href, baseUrl)
    if (!FORCE_TARGET_WINDOW && isSameBase) {
        return
    }

    var anchors = getElementsByXPath('descendant-or-self::a[@href]', doc)
    anchors.forEach(function(i) {
        var attrHref = i.getAttribute('href')
        if (FORCE_TARGET_WINDOW && !attrHref.match(/^#|^javascript:/) &&
            i.className.indexOf('autopagerize_link') < 0) {
            i.target = '_blank'
        }
        if (!isSameBase && !attrHref.match(/^#|^\w+:/)) {
            i.href = resolvePath(i.href, baseUrl)
        }
    })

    if (!isSameBase) {
        var images = getElementsByXPath('descendant-or-self::img', doc)
        images.forEach(function(i) {
            i.src = resolvePath(i.getAttribute('src'), baseUrl)
        })
    }
}
AutoPager.documentFilters.push(linkFilter)

fixResolvePath()

//if (typeof(window.AutoPagerize) == 'undefined') {
    window.AutoPagerize = {}
    window.AutoPagerize.addFilter = function(f) {
        AutoPager.filters.push(f)
    }
    window.AutoPagerize.addDocumentFilter = function(f) {
        AutoPager.documentFilters.push(f)
    }
    window.AutoPagerize.addResponseFilter = function(f) {
        AutoPager.responseFilters.push(f)
    }
    window.AutoPagerize.addRequestFilter = function(f) {
        AutoPager.requestFilters.push(f)
    }
    window.AutoPagerize.launchAutoPager = launchAutoPager

    var ev = document.createEvent('Event')
    ev.initEvent('GM_AutoPagerizeLoaded', true, false)
    document.dispatchEvent(ev)
//}

GM_registerMenuCommand('AutoPagerize - clear cache', clearCache)
var ap = null
launchAutoPager(SITEINFO)
var cacheInfo = getCache()
var xhrStates = {}
SITEINFO_IMPORT_URLS.forEach(function(i) {
    if (!cacheInfo[i] || cacheInfo[i].expire < new Date()) {
        var opt = {
            method: 'get',
            url: i,
            onload: function(res) {
                xhrStates[i] = 'loaded'
                getCacheCallback(res, i)
            },
            onerror: function(res){
                xhrStates[i] = 'error'
                getCacheErrorCallback(i)
            },
        }
        xhrStates[i] = 'start'
        GM_xmlhttpRequest(opt)
        setTimeout(function() {
            if (xhrStates[i] == 'start') {
                getCacheErrorCallback(i)
            }
        }, XHR_TIMEOUT)
    }
    else {
        launchAutoPager(cacheInfo[i].info)
    }
})
launchAutoPager([MICROFORMAT])

// new google search sucks!
if (location.href.match('^http://[^.]+\.google\.(?:[^.]{2,3}\.)?[^./]{2,3}/.*(&fp=)')) {
    var to = location.href.replace(/&fp=.*/, '')
    // console.log([location.href, to])
    location.href = to
}
return

// utility functions.
function createHTMLDocumentByString(str) {
    if (document.documentElement.nodeName != 'HTML') {
        return new DOMParser().parseFromString(str, 'application/xhtml+xml')
    }
    var html = strip_html_tag(str)
    var htmlDoc
    try {
        // We have to handle exceptions since Opera 9.6 throws
        // a NOT_SUPPORTED_ERR exception for |document.cloneNode(false)|
        // against the DOM 3 Core spec.
        htmlDoc = document.cloneNode(false)
        htmlDoc.appendChild(htmlDoc.importNode(document.documentElement, false))
    }
    catch(e) {
        htmlDoc = document.implementation.createDocument(null, 'html', null)
    }
    var fragment = createDocumentFragmentByString(html)
    try {
        fragment = htmlDoc.adoptNode(fragment)
    }
    catch(e) {
        fragment = htmlDoc.importNode(fragment, true)
    }
    htmlDoc.documentElement.appendChild(fragment)
    return htmlDoc
}

function getElementsByXPath(xpath, node) {
    var nodesSnapshot = getXPathResult(xpath, node,
        XPathResult.ORDERED_NODE_SNAPSHOT_TYPE)
    var data = []
    for (var i = 0; i < nodesSnapshot.snapshotLength; i++) {
        data.push(nodesSnapshot.snapshotItem(i))
    }
    return data
}

function getFirstElementByXPath(xpath, node) {
    var result = getXPathResult(xpath, node,
        XPathResult.FIRST_ORDERED_NODE_TYPE)
    return result.singleNodeValue
}

function getXPathResult(xpath, node, resultType) {
    var node = node || document
    var doc = node.ownerDocument || node
    var resolver = doc.createNSResolver(node.documentElement || node)
    // Use |node.lookupNamespaceURI('')| for Opera 9.5
    var defaultNS = node.lookupNamespaceURI(null)
    if (defaultNS) {
        const defaultPrefix = '__default__'
        xpath = addDefaultPrefix(xpath, defaultPrefix)
        var defaultResolver = resolver
        resolver = function (prefix) {
            return (prefix == defaultPrefix)
                ? defaultNS : defaultResolver.lookupNamespaceURI(prefix)
        }
    }
    return doc.evaluate(xpath, node, resolver, resultType, null)
}

function addDefaultPrefix(xpath, prefix) {
    const tokenPattern = /([A-Za-z_\u00c0-\ufffd][\w\-.\u00b7-\ufffd]*|\*)\s*(::?|\()?|(".*?"|'.*?'|\d+(?:\.\d*)?|\.(?:\.|\d+)?|[\)\]])|(\/\/?|!=|[<>]=?|[\(\[|,=+-])|([@$])/g
    const TERM = 1, OPERATOR = 2, MODIFIER = 3
    var tokenType = OPERATOR
    prefix += ':'
    function replacer(token, identifier, suffix, term, operator, modifier) {
        if (suffix) {
            tokenType =
                (suffix == ':' || (suffix == '::' &&
                 (identifier == 'attribute' || identifier == 'namespace')))
                ? MODIFIER : OPERATOR
        }
        else if (identifier) {
            if (tokenType == OPERATOR && identifier != '*') {
                token = prefix + token
            }
            tokenType = (tokenType == TERM) ? OPERATOR : TERM
        }
        else {
            tokenType = term ? TERM : operator ? OPERATOR : MODIFIER
        }
        return token
    }
    return xpath.replace(tokenPattern, replacer)
}

function createDocumentFragmentByString(str) {
    var range = document.createRange()
    range.setStartAfter(document.body)
    return range.createContextualFragment(str)
}

function log(message) {
    if (typeof console == 'object') {
        console.log(message)
    }
    else {
        GM_log(message)
    }
}

function debug() {
    if ( typeof DEBUG != 'undefined' && DEBUG ) {
        console.log.apply(this, arguments)
    }
}

function getElementPosition(elem) {
    var offsetTrail = elem
    var offsetLeft  = 0
    var offsetTop   = 0
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft
        offsetTop  += offsetTrail.offsetTop
        offsetTrail = offsetTrail.offsetParent
    }
    offsetTop = offsetTop || null
    offsetLeft = offsetLeft || null
    return {left: offsetLeft, top: offsetTop}
}

function getElementBottom(elem) {
    var c_style = document.defaultView.getComputedStyle(elem, '')
    var height  = 0
    var prop    = ['height', 'borderTopWidth', 'borderBottomWidth',
                   'paddingTop', 'paddingBottom',
                   'marginTop', 'marginBottom']
    prop.forEach(function(i) {
        var h = parseInt(c_style[i])
        if (typeof h == 'number') {
            height += h
        }
    })
    var top = getElementPosition(elem).top
    return top ? (top + height) : null
}

function getScrollHeight() {
    return Math.max(document.documentElement.scrollHeight,
                                document.body.scrollHeight)
}

function isSameDomain(url) {
    return location.host == url.split('/')[2]
}

function isSameBaseUrl(urlA, urlB) {
    return (urlA.replace(/[^/]+$/, '') == urlB.replace(/[^/]+$/, ''))
}

function supportsFinalUrl() {
  if (typeof GM_getResourceURL != 'undefined')
    return (GM_getResourceURL);
  else
   return false;
}

function resolvePath(path, base) {
    var XHTML_NS = "http://www.w3.org/1999/xhtml"
    var XML_NS   = "http://www.w3.org/XML/1998/namespace"
    var a = document.createElementNS(XHTML_NS, 'a')
    a.setAttributeNS(XML_NS, 'xml:base', base)
    a.href = path
    return a.href
}

function fixResolvePath() {
    if (resolvePath('', 'http://resolve.test/') == 'http://resolve.test/') {
        return
    }
    // A workaround for WebKit and Mozilla 1.9.2a1pre,
    // which don't support XML Base in HTML.
    // https://bugs.webkit.org/show_bug.cgi?id=17423
    // https://bugzilla.mozilla.org/show_bug.cgi?id=505783
    var XML_NS = 'http://www.w3.org/XML/1998/namespace'
    var baseElement = document.createElementNS(null, 'base')
    var pathElement = document.createElementNS(null, 'path')
    baseElement.appendChild(pathElement)
    resolvePath = function resolvePath_workaround(path, base) {
        baseElement.setAttributeNS(XML_NS, 'xml:base', base)
        pathElement.setAttributeNS(XML_NS, 'xml:base', path)
        return pathElement.baseURI
    }
}

function strip_html_tag(str) {
    var chunks = str.split(/(<html(?:[ \t\r\n][^>]*)?>)/)
    if (chunks.length >= 3) {
        chunks.splice(0, 2)
    }
    str = chunks.join('')
    chunks = str.split(/(<\/html[ \t\r\n]*>)/)
    if (chunks.length >= 3) {
        chunks.splice(chunks.length - 2)
    }
    return chunks.join('')
}

function getPref(key, defaultValue) {
    var value = GM_getValue(key)
    return (typeof value == 'undefined') ? defaultValue : value
}

function isFirefoxExtension() {
    return (typeof chlorine == 'object')
}

2010/01/23 追記：コードが正常に表示されていなかったので修正。

foobar2000にLast.fmの曲情報を表示する

2010-01-07T21:03:00.012+09:00

Last.fmにはお気に入りの曲をLoveトラックに登録できる機能があるが、とりあえず付けてはいるものの、今ひとつ使い道が無かった。しかしsynchronise last.fm playback statsを使えば、Last.fmに記録されている曲情報(Loveトラック・再生回数)を取得し、Title Formatとして出力することができる。

必要なコンポーネントとファイル

synchronise last.fm playback stats (playcount sync.zip)
Soft Playlists
WSH Panel Mod
Custom Database (※ 取得した曲情報を外部データベースに記述したい場合)

導入の手順

Last.fmから自分のライブラリ情報を取得するにはAPIキーが必要になるので、API – Last.fmから発行する。
Soft PlaylistsのLast.fm User、Last.fm Passwordを設定する。
playcount sync.zipを解凍して、中にあるscript、imagesフォルダをfoobar2000のインストールフォルダにコピーする。
WSH panel modを配置してcode.txtをインポートし、ユーザーネームとAPIキーを設定する。

これでLast.fmから再生中の曲情報を取得して、ファイルのタグに直接、またはCustom Databaseで外部データベースに記述される。

外部データベースを使う場合はCustom Databaseで設定する項目が多いので、同梱してある設定ファイル(foo_customdb.dll.cfg)を使うように進められている。しかし、コンポーネント別に設定ファイルを生成するのはfoobar2000 v1からなので、それ以前のバージョンでは手動で項目の設定が必要になる。

まずFieldsタブに以下の値を作る。
LFM_U・T・H・THは再生回数の値で、それぞれ一・十・百・千の位になる。

Display	Name	Key (Custom)
LASTFM_LOVED_DB	LASTFM_LOVED_DB	%artist%,%title%
LFM_U	LFM_U	%artist%,%title%
LFM_T	LFM_T	%artist%,%title%
LFM_H	LFM_H	%artist%,%title%
LFM_TH	LFM_TH	%artist%,%title%

次にActionタブに以下の値を作る。
Updateの項目は全てContext menuになる。

Display	Field	Set Value
Customdb Love 1	LASTFM_LOVED_DB	1
Customdb Love 0	LASTFM_LOVED_DB
CustomdbU 0	LFM_U	0
CustomdbU 1	LFM_U	1
CustomdbU 2	LFM_U	2
CustomdbU 3	LFM_U	3
CustomdbU 4	LFM_U	4
CustomdbU 5	LFM_U	5
CustomdbU 6	LFM_U	6
CustomdbU 7	LFM_U	7
CustomdbU 8	LFM_U	8
CustomdbU 9	LFM_U	9
CustomdbU Erace	LFM_U
CustomdbT 0	LFM_T	0
CustomdbT 1	LFM_T	1
CustomdbT 2	LFM_T	2
CustomdbT 3	LFM_T	3
CustomdbT 4	LFM_T	4
CustomdbT 5	LFM_T	5
CustomdbT 6	LFM_T	6
CustomdbT 7	LFM_T	7
CustomdbT 8	LFM_T	8
CustomdbT 9	LFM_T	9
CustomdbT Erace	LFM_T
CustomdbH 0	LFM_H	0
CustomdbH 1	LFM_H	1
CustomdbH 2	LFM_H	2
CustomdbH 3	LFM_H	3
CustomdbH 4	LFM_H	4
CustomdbH 5	LFM_H	5
CustomdbH 6	LFM_H	6
CustomdbH 7	LFM_H	7
CustomdbH 8	LFM_H	8
CustomdbH 9	LFM_H	9
CustomdbH Erace	LFM_H
CustomdbTH 0	LFM_TH	0
CustomdbTH 1	LFM_TH	1
CustomdbTH 2	LFM_TH	2
CustomdbTH 3	LFM_TH	3
CustomdbTH 4	LFM_TH	4
CustomdbTH 5	LFM_TH	5
CustomdbTH 6	LFM_TH	6
CustomdbTH 7	LFM_TH	7
CustomdbTH 8	LFM_TH	8
CustomdbTH 9	LFM_TH	9
CustomdbTH Erace	LFM_TH

そしてWSH panel modで外部データベースへの記述を有効にし、foobar2000を再起動すれば、customdb_sqlite.dbに取得した曲情報が記述される。

ファイルのタグに記述する場合のTitle Format

Loveトラック
```
$ifequal(%LASTFM_LOVED%,1,♥,)
```
再生回数
```
%LASTFM_PLAYCOUNT%
```

外部データベースに記述する場合のTitle Format

Loveトラック
```
$ifequal(%LASTFM_LOVED_DB%,1,♥,)
```

再生回数

$replace(%LFM_TH%%LFM_H%%LFM_T%%LFM_U%,?,)

WSH panel modには再生中の曲がLoveトラックならばハートアイコンが表示され、そうでなければ再生中の曲をLoveトラックにするボタンが表示される。

なお、取得した曲情報が書き込まれるのは初期設定では曲再生中の0:10のタイミングなので、変えたい場合は次のコードの2行目の数値をいじればよい。

function on_playback_time(time) {
 if(t.eval() == 10) {
  if(old_userloved != 1 && auto_love == 1 && auto_love_condition.eval() == 1) {
   fb.trace("Playcount sync: Auto-love is on. Triggering soft_playlists....");
   fb.RunContextCommand(love_command);
  }
  sync();
 }
}

今回はsynchronise last.fm playback statsを使うためにSoft Playlistsを入れたが、他にもLast.fmから曲情報を取得して様々なプレイリストを作成する機能などもあるので、単体でも優秀なコンポーネントだ。
また、有料メンバーならばLast.fm Radioを有効に使えて、更に連携を強化できるだろう。

Hatena And Delicious Count With Google

2010-01-03T18:55:00.004+09:00

SBMCountWithGoogleをはてなブックマークとdeliciousのみ表示するようにしたもの。

改良点として、ファビコンを非表示にし、ブックマーク数のデザインをそれぞれのサービスのものにした。また、ブックマーク数によって表示や色なども変化するようにしてある。

// ==UserScript==
// @name           Hatena And Delicious Count With Google
// @namespace      http://other-webscrap.blogspot.com/2010/01/hatena-and-delicious-count-with-google.html
// @description    show Hatena and Delicious count in Google search result
// @include        http://*.google.*/search?*
// ==/UserScript==

(function (){

 var version = "2010.01.03";
 var author  = "shiro edited by other";

 var launch = function(){
  hatena();
  delicious();
 }

 var MD5_T = new Array(0x00000000, 0xd76aa478, 0xe8c7b756, 0x242070db, 0xc1bdceee, 0xf57c0faf, 0x4787c62a, 0xa8304613, 0xfd469501, 0x698098d8, 0x8b44f7af, 0xffff5bb1, 0x895cd7be, 0x6b901122, 0xfd987193, 0xa679438e, 0x49b40821, 0xf61e2562, 0xc040b340, 0x265e5a51, 0xe9b6c7aa, 0xd62f105d, 0x02441453, 0xd8a1e681, 0xe7d3fbc8, 0x21e1cde6, 0xc33707d6, 0xf4d50d87, 0x455a14ed, 0xa9e3e905, 0xfcefa3f8, 0x676f02d9, 0x8d2a4c8a, 0xfffa3942, 0x8771f681, 0x6d9d6122, 0xfde5380c, 0xa4beea44, 0x4bdecfa9, 0xf6bb4b60, 0xbebfbc70, 0x289b7ec6, 0xeaa127fa, 0xd4ef3085, 0x04881d05, 0xd9d4d039, 0xe6db99e5, 0x1fa27cf8, 0xc4ac5665, 0xf4292244, 0x432aff97, 0xab9423a7, 0xfc93a039, 0x655b59c3, 0x8f0ccc92, 0xffeff47d, 0x85845dd1, 0x6fa87e4f, 0xfe2ce6e0, 0xa3014314, 0x4e0811a1, 0xf7537e82, 0xbd3af235, 0x2ad7d2bb, 0xeb86d391);
 var MD5_round1 = new Array(new Array( 0, 7, 1), new Array( 1,12, 2), new Array( 2,17, 3), new Array( 3,22, 4), new Array( 4, 7, 5), new Array( 5,12, 6), new Array( 6,17, 7), new Array( 7,22, 8), new Array( 8, 7, 9), new Array( 9,12,10), new Array(10,17,11), new Array(11,22,12), new Array(12, 7,13), new Array(13,12,14), new Array(14,17,15), new Array(15,22,16));
 var MD5_round2 = new Array(new Array( 1, 5,17), new Array( 6, 9,18), new Array(11,14,19), new Array( 0,20,20), new Array( 5, 5,21), new Array(10, 9,22), new Array(15,14,23), new Array( 4,20,24), new Array( 9, 5,25), new Array(14, 9,26), new Array( 3,14,27), new Array( 8,20,28), new Array(13, 5,29), new Array( 2, 9,30), new Array( 7,14,31), new Array(12,20,32));
 var MD5_round3 = new Array(new Array( 5, 4,33), new Array( 8,11,34), new Array(11,16,35), new Array(14,23,36), new Array( 1, 4,37), new Array( 4,11,38), new Array( 7,16,39), new Array(10,23,40), new Array(13, 4,41), new Array( 0,11,42), new Array( 3,16,43), new Array( 6,23,44), new Array( 9, 4,45), new Array(12,11,46), new Array(15,16,47), new Array( 2,23,48));
 var MD5_round4 = new Array(new Array( 0, 6,49), new Array( 7,10,50), new Array(14,15,51), new Array( 5,21,52), new Array(12, 6,53), new Array( 3,10,54), new Array(10,15,55), new Array( 1,21,56), new Array( 8, 6,57), new Array(15,10,58), new Array( 6,15,59), new Array(13,21,60), new Array( 4, 6,61), new Array(11,10,62), new Array( 2,15,63), new Array( 9,21,64));
 function MD5_F(x,y,z){return (x&y)|(~x&z);}
 function MD5_G(x,y,z){return (x&z)|(y&~z);}
 function MD5_H(x,y,z){return x^y^z;}
 function MD5_I(x,y,z){return y^(x|~z);}
 var MD5_round=new Array(new Array(MD5_F, MD5_round1), new Array(MD5_G, MD5_round2), new Array(MD5_H, MD5_round3), new Array(MD5_I, MD5_round4));
 function MD5_pack(n32){return String.fromCharCode(n32 & 0xff)+String.fromCharCode((n32>>>8)&0xff)+String.fromCharCode((n32>>>16)&0xff)+String.fromCharCode((n32>>>24)&0xff);}
 function MD5_unpack(s4){return s4.charCodeAt(0)|(s4.charCodeAt(1)<<8)|(s4.charCodeAt(2)<<16)|(s4.charCodeAt(3)<<24);}
 function MD5_number(n){while(n<0)n+=4294967296;while(n>4294967295)n-=4294967296;return n;}
 function MD5_apply_round(x,s,f,abcd,r){var a,b,c,d;var kk,ss,ii;var t,u;a=abcd[0];b=abcd[1];c=abcd[2];d=abcd[3];kk=r[0];ss=r[1];ii=r[2];u=f(s[b],s[c],s[d]);t=s[a]+u+x[kk]+MD5_T[ii];t=MD5_number(t);t=((t<<ss)|(t>>>(32-ss)));t+=s[b];s[a]=MD5_number(t);}
 function MD5_hash(data){var abcd,x,state,s;var len,index,padLen,f,r;var i,j,k;var tmp;state = new Array(0x67452301, 0xefcdab89, 0x98badcfe, 0x10325476);len=data.length;index=len&0x3f;padLen=(index<56)?(56-index):(120-index);if(padLen>0){data+="\x80";for(i=0;i<padLen-1;i++)data+="\x00";}data+=MD5_pack(len*8);data+=MD5_pack(0);len+=padLen+8;abcd=new Array(0,1,2,3);x=new Array(16);s=new Array(4);for(k=0;k<len;k+=64){for(i=0,j=k;i<16;i++,j+=4){x[i] = data.charCodeAt(j)|(data.charCodeAt(j+1)<<8)|(data.charCodeAt(j+2)<<16)|(data.charCodeAt(j+3)<<24);}for(i=0;i<4;i++)s[i]=state[i];for(i=0;i<4;i++){f=MD5_round[i][0];r=MD5_round[i][1];for(j=0;j<16;j++){MD5_apply_round(x,s,f,abcd,r[j]);tmp=abcd[0];abcd[0]=abcd[3];abcd[3]=abcd[2];abcd[2]=abcd[1];abcd[1]=tmp;}}for(i=0;i<4;i++){state[i]+=s[i];state[i]=MD5_number(state[i]);}}return MD5_pack(state[0])+MD5_pack(state[1])+MD5_pack(state[2])+MD5_pack(state[3]);}
 function MD5_hexhash(data){var i,out,c;var bit128;bit128=MD5_hash(data);out="";for(i=0;i<16;i++){c=bit128.charCodeAt(i);out+="0123456789abcdef".charAt((c>>4) & 0xf);out+="0123456789abcdef".charAt(c & 0xf);}return out;}


 var XPATH = "//a[@class='l']";

 String.prototype.htmlescape = function() {
  return this.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }

 function forEachMatch(xpath, cb, class){
  var matches = document.evaluate(
   xpath, document, null,
   XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
  for (var i=0; i<matches.snapshotLength; i++){
   var link=matches.snapshotItem(i);
   var test=class+"_loaded['"+link.href+"']";
   if(!eval(test)){
    eval(test+"=true");
    cb(link);
   }
  }
 }

 function setBookmarkCount(link, count, href, class){
  var container = document.createElement("span");
  container.setAttribute("class", class);
  var a = document.createElement("a");
  a.setAttribute("href", href);
  if(count==0){
  }else{
   if (container.className == "hatena") {
    a.appendChild(document.createTextNode(""+count+" user"+(count>1?"s":"")));
    }else{
     a.appendChild(document.createTextNode(""+count+""));
    }
  }
  with(a.style){
   if(count==0){
   }else{
    verticalAlign = "middle";
    marginLeft = "5px";
    fontSize = "0.8em";
    textDecoration = "none";
    if (container.className == "hatena") {
     if (count >= 3) {
      backgroundColor = "#fff0f0";
      color = "#f66";
      fontWeight = "bold";
      textDecoration = "underline";
     }
     if (count >= 10) {
      backgroundColor = "#fcc";
      color = "#f00";
      fontWeight = "bold";
      textDecoration = "underline";
     }
    }else{
     padding = "3px 5px";
     backgroundColor = "#73adff";
     color = "#fff";
     fontWeight = "bold";
     if (count >= 10) {
      backgroundColor = "#5592e9";
     }
     if (count >= 100) {
      backgroundColor = "#3274d0";
     }
     if (count >= 1000) {
      backgroundColor = "#2261a0";
     }
    }
   }
  }
  container.appendChild(a);
  if (container.className == "hatena") {
   link.parentNode.insertBefore(container, link.nextSibling);
  }else{
   link.parentNode.insertBefore(container, link.parentNode.lastChild.nextSibling);
  }
 }

 // hatena
 var hatena_loaded = {};
 var hatena = function() {
  function callXmlrpc(requestbody, url2link) {
   const endpoint = "http://b.hatena.ne.jp/xmlrpc";
   function onload(response) {
    var pattern = /<name>([^<]+)<\/name>\s*<value><int>(\d+)/g;
    var m;
    while (m = pattern.exec(response.responseText)) {
     var link = url2link[m[1]];
     if(link) setBookmarkCount(link, m[2], "http://b.hatena.ne.jp/entry/"+link.href, "hatena");
     
    }
   }
   GM_xmlhttpRequest({method: "POST", url: endpoint, data: requestbody, onload: onload});
  }
  var request = '<?xml version="1.0"?>\n<methodCall>\n<methodName>bookmark.getCount</methodName>\n<params>\n';
  var url2link = new Array();
  var cb = function(link){
   request += "<param><value><string>"+link.href.htmlescape()+"</string></value></param>\n";
   url2link[link.href] = link;
  }
  forEachMatch(XPATH, cb, "hatena");
  request += "</params>\n</methodCall>\n";
  callXmlrpc(request, url2link);
 }
 
 // delicious
 var delicious_loaded = {};
 var delicious = function(){
  var cb = function(link){
   var md5url = MD5_hexhash(link.href);
   var onload = function(response){
    var res = eval(response.responseText);
    if(!res || !res[0] ) {
     setBookmarkCount(link, 0, 'http://del.icio.us/url/' + md5url, "delicious");
     return;
    }
    setBookmarkCount(link, res[0]["total_posts"], 'http://del.icio.us/url/' + md5url, "delicious");
   }
   GM_xmlhttpRequest({
     method: "GET",
     url: 'http://badges.del.icio.us/feeds/json/url/data?hash=' + md5url,
     onload: onload});
  }
  forEachMatch(XPATH, cb, "delicious");
 }

 // for debug
 function debug1(id){
  var div = document.createElement("div");
  div.setAttribute("id", id);
  var hash = eval(id + "_loaded");
  var lst = new Array();
  for(var key in hash) lst.push(key);
  var div1 = document.createElement("div");
  div1.appendChild(document.createElement("br"));
  div1.appendChild(document.createTextNode(">>> "+id+"( "+lst.length+" ):"));
  div.appendChild(div1);
  var txt = document.createTextNode(lst.join(", "));
  div.appendChild(txt);
  div.appendChild(document.createElement("br"));
  var res = document.getElementById("res");
  res.parentNode.insertBefore(div,res);
 }
 function debug(){
  var bmlst = ["hatena", "delicious"];
  for(var i=0; i<bmlst.length; i++){
   var res = document.getElementById("res");
   var div = document.getElementById(bmlst[i]);
   if(div) res.parentNode.removeChild(div);
   debug1(bmlst[i]);
  }
 }

 // for Auto Pager
 var scrollHeight = document.documentElement.scrollHeight;
 document.addEventListener(
  "scroll",
  function(e){
   if(document.documentElement.scrollHeight - scrollHeight > 100){
//    debug();
    scrollHeight = document.documentElement.scrollHeight;
    launch();
   }
  },false);

 launch();

GM_addStyle(<><![CDATA[
.delicious:hover:after{
 margin-left: 2px;
 color: #787878;
 font-size: 0.6em;
 content: "PEOPLE";
}
.delicious a:hover {
 background: #7cba0f !important;
}
]]></>);

})();

2010/01/05 追記：CSSを修正。

Read It Later 0.9948 日本語版 rev.2 (SBM改良版)

2009-12-29T01:48:00.004+09:00

Read It Laterがメジャーアップデートされてバージョン2になったが、起動時に毎回出るウィンドウが鬱陶しかったので、結局ダウングレードすることにした。

そうなるとバージョン0.9448が最終ビルドなので、Read It Later 0.9948 日本語版 rev.2を使っていたが、それを更に改良してソーシャルブックマークなどを日本のものに置き換えてみた。

Read It Later 0.9948 日本語版 rev.2 (SBM改良版)

収録されているソーシャルブックマークなどは以下の通り。

@niftyクリップ
Buzzurl
Choix
delicious
Digg
Diigo
FC2ブックマーク
gooブックマーク
Googleブックマーク
livedoorクリップ
newsing
POOKMARK Airlines
reddit
Scuttle
StumbleUpon
Tumblr
Twitter
Windows Live
Yahoo!ブックマーク
イザ！ブックマーク
トピックイット
はてなブックマーク

※ Read it Laterを上書きしたり以前に使っていたりした場合は、ソーシャルブックマークを選ぶ欄で不具合が起きるので、以下の手順で解決してください。

about:configを開く。
設定名「isreaditlater.sites」を探す。
値を「,23,5,11,12,3,18」に変更する。

2010/01/02 追記：deliciousのクエリを変更。

foobar2000のBiographyで取得した画像をカッコよく表示させる

2009-12-27T13:10:00.002+09:00

foobar2000にBiographyパネルを追加した。

初めは単純にBiograhphyコンポーネントで表示させていたが、取得してくる画像の大きさがそれぞれ違うので、バランスが悪く悩んでいた。そこで、他のコンポーネントで画像を表示させてみてはと考えついた。

取得してきた画像を一旦キャッシュに保存させ、それをPanel Stack SplitterのPer Secondでリサイズ・トリミングして3枚並べて表示させる。これで大・小・縦長・横長の画像でも、大抵は綺麗に整列して表示させられる。

$imageabs_rc(300,800,40,10,240,150,250,85,$if($cwb_fileexists(Z:\foobar2000\%artist%.jpg),Z:\foobar2000\%artist%.jpg,$if($cwb_fileexists(Z:\foobar2000\%artist%.png),Z:\foobar2000\%artist%.png)),)
$imageabs_rc(300,800,40,10,240,150,490,85,$if($cwb_fileexists(Z:\foobar2000\%artist%_01.jpg),Z:\foobar2000\%artist%_01.jpg,$if($cwb_fileexists(Z:\foobar2000\%artist%_01.png),Z:\foobar2000\%artist%_01.png)),)
$imageabs_rc(300,800,40,10,240,150,730,85,$if($cwb_fileexists(Z:\foobar2000\%artist%_02.jpg),Z:\foobar2000\%artist%_02.jpg,$if($cwb_fileexists(Z:\foobar2000\%artist%_02.png),Z:\foobar2000\%artist%_02.png)),)

deliciousへブックマークするCustom Buttons

2009-12-10T18:21:00.002+09:00

表示しているページをdeliciousへブックマークするCustom Buttons。右クリックでその記事のブックマークページを表示させようとしたが断念。
中クリックで自分のブックマークページへ行けるので、URLを書き換えて使って欲しい。

delicious
左クリック：表示しているページをdeliciousへブックマークする。
中クリック：deliciousの自分のブックマークページを開く。

deliciousとはてなブックマークの違い

2009-12-09T21:29:00.007+09:00

ソーシャルブックマークを使い始める際に検討したのが、deliciousとはてなブックマークの二つだった。その時は言語が日本語なのもあってはてなブックマークを選び、使っているうちにソーシャルブックマークの有効的な使い方も段々と分かってきた。そんな折に、はてなブックマークからdeliciousに移行する方法という記事を見つけたので、これを機にdeliciousへの移行も視野に入れて両者の違いを調べた。

しかし記事や情報が既に古いものが多く、機能やサービスの内容も結構変わっていたので、新しく両者のサービスの違いを簡単にまとめてみた。サービスの開始頃と比べて基本的な機能も大体同じレベルになってきているようなので、ここでは特に違う点について上げる。

なお、はてなブックマークプラスでの追加機能は除いたものである。

delicious

機能
表示形式は件数別(10～100件)。
記事のタイトルはユーザーが個別に編集できる。
タグは128個、コメントは1000文字(半角・全角共通)まで。
複数のタグを束ねる機能「bundle」がある。
Flickrは記事にサムネイル画像が表示される。
プライベートブックマークは標準機能。
タグの柔軟な絞り込みができる。
ソートが新着順・アルファベット順に簡単に変更できる。
デザイン
青を主体としたスッキリとしたデザインで、記事の表示は3通り。
全体の変更は不可(userstyleなどを使えば可能)。
特徴
英語圏のサービスなので人気記事は海外のものが多め。
Twitterで話題になっている記事がトップページに表示される。
Delicious Thumbnail & Faviconで記事にサムネイル画像が表示できる。

はてなブックマーク

機能
表示形式は件数別(10～100件)と日付別(1日ごと)。
記事のタイトルは編集できるが、ユーザー全員で共有される。
タグは10個・全角10文字(半角20文字)、コメントは合計100字まで。
お気に入りに登録したユーザーのタグ・コメントも表示できる。
Amazon、Flickr、YouTube、ニコニコ動画は記事にサムネイル画像が表示される。
プライベートブックマークは追加機能で有料。
好みのユーザーアイコンを設定できる。
デザイン
豊富なテーマ・カラーなどがあり、ユーザーの好みで選べる。
また、CSSを使えれば更に細かいところまでいじれる。
特徴
日本のサービスなので人気記事はほぼ日本のもの。
記事にはタグとは別にカテゴリ分けがあり、個別にフィードも取得できる。
コメント欄が盛んなので、一種のユーザーコミュニティになっている。
はてなの他サービスとの連携ができる。

総じて言えばdeliciousはシンプルで使いやすく、はてなブックマークは多機能で拡張性に優れているといったところ。両者ともTwitterとの連携機能もありGreasemonkeyも沢山出ているので、細かい機能は大体網羅されている。ブラウザによる差に関しても、Google chromeにもベータ版ではあるが拡張が出始めたので、特に大きな差は無くなった。

私ははてなの他のサービスは使っていないのでどちらにするかかなり悩んだが、最終的には別々に使い分けることにした。

deliciousは記事一覧が見やすいので、参考にするものや資料的なもの、オンラインサービスなどを中心にオンラインブックマークとして。
一方はてなブックマークはコミュニティ的な側面が強いので、ニュースや気になった記事などを中心にスクラップブックのように使う。動画はサムネイルが表示されるので一覧から探しやすく、Amazonの欲しいものやチェックしたいものなどを登録しておけば、外出した際に携帯から簡単にチェックできる。

このように、必ず片方を選ばなくてはいけないわけではないので、記事の性質ごとに使い分けてみるのもいい。また、単純に片方を主として使い、もう片方をバックアップ用にするという使い方もあるだろう。

ここまで簡単に違いを比較してみたが、結局一番いいのは一回使ってみることだ。双方ともブックマークのインポート・エクスポートが簡単にできるので、使ってみて自分にあってる方を選択するといい。

デスクトップカスタマイズ 2

2009-12-05T00:49:00.002+09:00

いい壁紙を見つけたので久しぶりにデスクトップを変更。雰囲気はグレーをベースにマットな感じで。ベースカラーがモノクロだと、特に質感を統一しないとチグハグなデザインになってしまうので難しい。

壁紙に記されている言葉は、ディーター・ラムスの「良いデザインの10原則」。

VS：devARTg
壁紙：Good design
アイコン：Archive, pure
カーソル：Aero White Tailless Shadow
Styler：GAIA TYPO
FindeXer
Orchis
Samurize
TabExplorer
Y’z Shadow

foobar2000でアルバムのリピート再生

2009-11-21T06:51:00.002+09:00

foobar2000ではアルバム一枚だけをリピート再生することができない。一応アルバム一枚だけのプレイリストを作ってやればできないこともないが、途方もない数になってしまうのであまり実用的ではない。だがQuick Search Toolbarを使えば、擬似的にアルバムのリピート再生をすることができる。

やり方は曲の再生方法をRepeat (playlist)とし、アルバムを選んで右クリックメニューからQuicksearch for same ... > Albumと実行すればいいだけ。これでそのアルバム一枚のみのプレイリストが作成される。他のアルバムを新しく指定したり、通常の検索機能を使った場合も同じプレイリストに上書きされるので、プレイリストの数を増やさずにアルバムのリピート再生ができる。