Youtube: add download link 改造版
Proxomitronを使ってYoutubeにダウンロード用リンクを表示する「Youtube: add download link」の見た目を改造します。
(画像左)オリジナル (画像右)改造後
このように、ダウンロード用リンクを画像に変更する改造です。
使い方
まずYoutube: add download link一式を入手します。2008年1月26日現在、最新版はProxomitron専用Uploader内の「YouTube関連フィルタまとめ」と書かれたテキストに収録されています。テキストに従って導入してください。
次に、「YouTube: add download link [XXXX/XX/XX] title.flv for EUC-JP, UTF-8」フィルタのReplace欄を以下の物に置き換えてください。
\1<a href="http://title.ext/\@.flv?http://\h/get_video$GET(YTube)"><img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABmJLR0QA/wD/AP+gvaeTAAAACXBI WXMAAABIAAAASABGyWs+AAAD3klEQVQ4y61Vz2tcVRT+7n133psfSZoYM/kxThuTWFPb1FRNiFoh VqXVhYggiBCoC8E/oCoKduFCKe5cFBGhC0VwISLiSqS7mIWmLkxJm2hIJpNfZpLJzJuZ9+679xwX adOEJmmVHrhwuefcj49zvo8jmBm7xdT8lcP51eleKeS2ArF1YybuyfT/lmnpWdrtv9rtkZnx+/Wf R6SLd+LxlGEmMBMYDGYCAKwVV6galN/MtPR895+AY47rZTIPejHP9SxFsGRAbGDJgMFwlCIYxLBH qL0SDIDIgsjAkgWRhWULSxYMC0sG+4XE/whmBrG998CWIzDo3gITW2gbgu9Qp+4K7SZTMqhFZRDM NuHdATgyWga64jETiIl0FGzlBABDGhW9DkMRpJRgBoKw6vrVoiKmmJSSE1596EiHAUDcNMjVmbGe H3/9/EJHS1cTg8myeaiv98mDJCKEpoK1Wh6RDQAISOkgZlOcm52ZSHr1S8ZGyvc3ro6cPv9+c0Nb aQfjzvajs9l075/N97d+kG3vUYY0IgpgTIBisAhfrwI3BiasA1ZWPNCdORZX9ceWF5Y2ss1Hvmiq S5duG14yXh+dGTz76cLizFeFjSVYjhDZKgJTRilchLYlhObGsSX4egU1s45/Vhe0x6kLw/2vfSvl LS3sUMV9DW3+s/2vf3htevyXWuCDYFCN1lCN1hCaMkK7CRqaEiwHMAEhKEZfv/DEyGeem9ihv9vk 1tn+SH7w8IvnJqfGr5K1qEbr0NaHtuUtxhFV4JCL0krt8vOPjZxvqm+t3JWO+7qf+aMrfeLd6b8n lok2W6JtZYtxTMRRWtbXn+p99dyhtiP53TB2BRZC4Om+l39q8rIfbRT8aszxYClAZCuISQ/heqxw tOPUe8e7T47vpeM9nRdTHp57/I0vvSh9UYWNNuYkEFcNULWWsCPx6Ccn+175QYi9jbuvpesSjfql wbc+hn/g+wOqEw2ii1Pm0KXTA2cvurH4vq4W2zcIM8MYA2ZGrVaD1hpSOJiav9J9eeLSN2BZOnPi 7ZGDrQ8vEROUUkilUhBCQCkFIW4ZXYRhiLGxMYyOjsrZ2Vknn89LrbVTKBQc3/cdIYQDgCu0dFxC 6aRsuba5SZji8bhNp9NWKWUzmYzNZDI0MDBgh4eHoaIowuTkpBgdHZW5XM4pFouqXC6rMAyVEMJh ZlWr1Rwi/mtzroVUIpGwUkrLzCaXy5m6ujoxNzeHzs5OTiaTYmhoiLdaobVGuVyG7/soFAqiWq0C gLDWivn5eYRhCABwHAfZbBau6zIAJJNJbm5u5kQigcbGRriuCwD4F6O6JXmitKvZAAAAInpUWHRT b2Z0d2FyZQAAeNorLy/Xy8zLLk5OLEjVyy9KBwA22AZYEFPKXAAAAABJRU5ErkJggg== " style="position:relative;top:5px;margin-right:3px" alt="download"></a>\2$SET(YTube=)$STOP()
これで導入は完了です。
IEを使用している場合
IE6*1ではimgのsrcにBase64が使えないようなので、画像をローカルに保存して参照する必要があります。SnowIsh SVG & PNG GNOME-Look.orgからPNG版のアイコンセットをダウンロードし、22x22のdown.pngをProgram Files\Proxomitron\htmlフォルダにコピーしてください。
その後、Replace欄を以下の物に書き換えます。
\1<a href="http://title.ext/\@.flv?http://\h/get_video$GET(YTube)"> <img src="http://Local.ptron/down.png" style="position:relative;top:5px;margin-right:3px" alt="download"></a>\2$SET(YTube=)$STOP()
こちらの方が自分で画像を交換するのも楽だと思うので、IE以外の方もお好みで使い分けてください。
フィルタのアップデートへの対応
Youtube側の仕様変更に対応してフィルタが更新された場合は、Match欄の上3行だけ新しい物と交換すれば大体大丈夫じゃないかなーと思います。もしそれでは対応しきれなくなった場合にはまたこちらで更新方法をご案内できるかも知れませんので*2、コメント欄なんかで一言頂ければと思います。
それでは
追記 @2008-02-01T18:22:01+09:00
Base64のエンコードには、dataスキームURI生成（画像データのBase64変換）を利用させていただきました。
img内でBase64を使う際の書式は、RFC 2397 The "data" URL schemeによってこんな感じに定められています。
<img src="data:[mimetype];base64,[base64data]">
IE7は非対応のようですね。
