2009年6月23日

この前作った YourFilePlayer、 奇麗な画質で YourFileHost の動画が再生できて いいんだけど、自分で使ってみて(性的な意味でもw)不満なところがあった。

  • wmv を配信しているサーバーが重たい時に待たなくては行けない
  • なので、とりあえず画質が悪くてもいいから本家ページの flv を再生したい時がある
  • xxx_part01、xxx_part02、xxx_part03 ... みたいにシリーズものが多いけど、 いちいち末尾の数字を変えてフォームに入力していくのは面倒だ

てなわけで、これを解消する機能を二つ追加しました。

まずは「flv 再生機能」。 左上の「play flv」をクリックすると、wmv じゃなくて、flv が再生されます。 画像はもちろん荒いですが、再生開始が早いです。ちなみに、 一度、YourFileHost のページに行ってブラウザにセッションを持たせないと flv のロードができない、 というのが注意事項です。

左上のメニューで wmv 再生と flv 再生を切り替えることができる
yourfileplayer

次に「関連動画表示 機能」。これ我ながらチョー便利。 例えば、

http://www.yourfilehost.com/media.php?cat=video&file=90124_a1.wmv

というファイルを再生すると、左下のスペースに

http://www.yourfilehost.com/media.php?cat=video&file=90124_a2.wmv
http://www.yourfilehost.com/media.php?cat=video&file=90124_a3.wmv

のサムネイルとプレイヤーへのリンク等が出現します。ようは、ファイル名の末尾を見て 連番の関連する動画がないかを自動的に探しているという仕組みです。

少し待つと左下に関連動画が表示される
yourfileplayer

これで、フォームに YourFileHost へ URLを変えて入力をする必要がなくなり、 手を休めず動画を楽しむことができます。 また、「この YourFileHost 動画の続き、もしくは以前の動画はないかなー」という悩みも解決ですね。

ということで、Enjoy!

2009年6月18日

できた。3分の1日くらいかかった。

YourFilePlayer - YourFileHost の WMV 動画再生プレーヤー
yourfileplayer

  • 通常の YourFileHost ページでは荒い映像が流れると思うが、ここに URL をぶちこめば、元ソースの高画質な動画が見れる
  • Silverlight必要
  • 対応するのは元動画が WMV 形式のファイルのみ。結構高画質
  • ファイルによってはものすごーい、ロードが遅い場合がある
  • YourFileHostからファイルが消されてる場合が結構あり

YourAVHost からも飛べるようにするけど、取り急ぎコピペしてフォームにいれて試してみてね。 それも面倒な方は旧名「柚木ティナ」たんをどうぞー。うらすけべ

追記

YourAVHost から飛べるようにした。これは激しく便利じゃまいか。

yourfileplayer

2009年6月17日

昨日公開した「ZonTube beta2」の Cooliris 機能がなかなかいい感じなので紹介します。 Cooliris は Firefox や IE で動作する Web画像・動画ビューアーで、 3D ギャラリー形式の迫力あるインターフェースが特徴です。 Google や YouTube などある特定のサイトで動作が可能なのですが、 「ZonTube beta2」では、アルバムページ、アーティストページなどを Cooliris に対応させました。 動作している様子のイメージを見るとわかりやすいのでそれとともに解説。 もちろん、ブラウザに Cooliris がインストールされていることが前提です。

まず、おもむろに気になったアルバムのページに行きます。 ページのロードが終わると右上の Cooliris ボタンに色がつきます。 「このページは Cooliris に対応してますよー」という合図ですね。 さてではこのボタンを押します。

cooliris

すると、全画面表示でそのアルバムに含まれるヒットした YouTube 動画が「うにょーん」と現れ、一覧でみれます。 ここで、Cooliris の特徴である 3D 操作ができてカッコいい!

cooliris

cooliris

Cooliris 内での動画の再生ももちろん可能。 サムネイルを選択し、クリックすると。。。

cooliris

動画の再生はじまた。

cooliris

まだ、試してない方はぜひ。 ちなみに、ZonTube 本体の Shadowbox による動画のプレビュー機能ですが、 今のところ Firefox と IE に最適化させていて、Safari とかじゃうまく動作しないかもしれませんが、 ご了承ください。というわけでEnjoy!

2009年6月16日

以前作った「AmazonとYouTubeの音楽マッシュアップサイト ZonTube」 の新しいバージョン「beta2」を公開しました。 ZonTube beta2 は 音楽 CD のトラック別、 もしくはアーティストの人気の曲別などで YouTube の動画をスライドショー感覚で楽しめるサイトです。 トップページこそ「beta1」に似ていますが、 音楽映像を見るという点でリッチな体験ができるようにユーザーインターフェースを改良しました。 気になった CD ジャケットやアーティスト写真をクリックすると、 それにマッチした YouTube の映像の一覧が表示されるので、 選択すると映像の再生がスライドショー感覚で再生されます。 また、LastFM との連動しているので、もしアカウントを持っていれば、 フォームに自分のユーザー名を入力すれば最近聞いた曲やアルバムも同じように映像とともに見ることができるというサイトです。(注意: 今のところ Firefox と SafariIE に最適化されています )

ZonTube beta2
zontube

使ってみればすぐわかるように心がけて作りましたが、簡単に新機能の説明と使い方を紹介します。

アルバム YouTube 動画 一覧

カテゴリ別閲覧や検索などでみつけたアルバムのジャケットをクリックすると そのアルバムページに飛びます。 すると(情報が取得できれば)、 アルバムの全トラック、それぞれ関係する YouTube の動画をひとずつ一覧で 見ることができます。 アルバム全体を YouTube の動画で構成したらどうなるかを俯瞰する感じですね。 もちろん、気になった曲がある場合、左側のトラック名を選択すればより多くの映像を楽しめます。

zontube

YouTube 動画スライドショー再生

今回一番力を入れたのがここです。 YouTube のサムネイル画像をクリックすると、 「うにょーん」とウィンドウいっぱいの画面がでてきて、 自動的に再生が始まります。そして、再生が終わると次の曲が自動的に始まるという仕掛けです。 お分かりの通り Shadowbox という JavaScript のライブラリを使って実現しています。 今まで YouTube で一般的に提供されている embed タグを使ってこのような埋め込みを実現していましたが、この機能を使ってでっかく動画を表示させると大迫力ですごくいい感じです。

zontube

ダウンロード&ListPodに追加機能

気にいった動画があれば、YouTubeMP4でダウンロードしたり、ListPod のマイリストに登録しましょう。 ワンクリックで飛ぶようにしました。 もちろんもっと気に入ったら CD も買うことを忘れずにしましょうね。

zontube

LastFM との連動

今回は「Amazon x YouTube」というマッシュアップに加え、Last.fm も連動させるようにしました。 Last.fm アカウントをお持ちの方は上のフォームにアカウント名を入れると、 自分が最近聞いている曲やアルバム、アーティストの一覧がでるので、 上記した通り同じように音楽を YouTube 映像とともに楽しむことができます。

zontube

Cooliris 対応

これはおまけ的な機能。 Cooliris という Firefox の addon で、ちょーかっこいいスライドショーが体験できる ソフトがあるのですが、それに対応しています。 アルバム、アーティストページで「Launch Cooliris!」というリンクから起動することができます。

zontube

ということで、簡単に新機能を紹介してきました。 わかる人がもしかしているかもですが、この beta2 。 miyagawa さんが作ってる動画フィードアグリゲータ「Remedie」をかなり参考にして、 作っています。 Remedie で使っている JavaScript のライブラリを眺めて、これは使えそうだ、 といろいろ入れ込んでボリュームたっぷりになっておりますw なので、環境によっては重たいと感じるかもしれませんが、その辺り、 ご了承ください。

ちなみに。 当分の間放置していたこの ZonTube をなぜいまさらバージョンアップさせたかという経緯が あって、きっかけは全く知らない海外の方から急に飛び込んできたメールでした。 ということで超意訳。

ヘロー
私はマッシュアッププログラミングを勉強中のビギナーです
勉強のためにいろいろ探してたら、あなたのウェブサイト(ZonTube)を見つけて
ベリーインタレスティングなんだよ。
どっか勉強できるいいサイトない?
教えてくれたら嬉しいな。
サンクス!
ジョン

このメールをもらった瞬間すごく嬉しくなって、 「こうなったら今まで汚く作ってた ZonTube を簡潔に奇麗に作り直して、 ソース公開してみせてやるわ」というテンションになったわけです。 で、作り始めたら止まらなくなって、 結構規模のでかいアプリケーションになってしまい、ソース公開はちゅうしょしちゃうけど(><)、 とりあえずできたよ←いまここ。という具合です。

ジョンに気に入ってくれるかはさておき、なかなかいいできになっているので、よろしければ、 Enjoy!

See also

参考書籍

俺流amazonの作り方―Amazon Webサービス最新活用テクニック
posted with yusukebe.com::AmazonSearch on 2009.6.16
  • 水野 貴明
  • 単行本 / アスキー
  • Amazon 売り上げランキング: 12472
  • Amazon おすすめ度の平均: 4.5
    • 4 webプログラマ向けの本
    • 5 この本を買って、PHPでサイトを構築しました
    • 4 OOP-Perlがわかるならお勧め
Amazon.co.jpで詳細を見る


2009年6月15日

ちょっと前に作ったのに出してなかったせいもり、若干旬を逃した感がありますが、 Microsoft の新しい検索エンジン「Bing」の API を使って、 キーワードで検索した結果の動画もしくは画像が「アダルト」か「アダルトじゃないか」を判定して、 色別で見れる「AdultOrNot」というサイトを作ってみました。 つまり、

「全ての検索結果 - セーフサーチ(制限あり) = アダルト?」
かどうかを Microsoft の新しい検索エンジン Bing の API を使って試すサイト

です。

昔、Yahoo! の検索 API を使って同じような試みをしている方がいましたが、それと同じです。 てなわけで、やりようによっては「アダルトな」動画や写真を集めるのに使えるかもしれませんね。 例によって、18歳未満の方は立ち入り禁止につき、本家の Bing で検索を楽しむようにしてください。

AdultOrNot
adultornot

ちなみに、作ったきっかけがありまして、普段あまり自分にはフックしない Techchranti に掲載された 「Bingは最高のエッチ系検索エンジンだった」という題名のわくわくする記事を読んだからでありましてー、 それから、衝動にかられて1日ちょっとで作った次第です。

細工として、単に検索フォームがあるだけでは寂しい、ってかどうせならエッチ系のキーワードでどんどん検索したいので、 そのために「Interesting Words」として日本のAV女優名とエロキーワードをランダムで表示させるようにしました。 辞書は、秘蔵っ子の「Acme::JapaneseAvActress」と「Acme::AvGenre」というモジュールから作りましたので、かなりの種類の単語がでてきて面白いです。

adultornot

実際に使ってみてですが、かなりのエロコンテンツがでてきてびっくり。 動画についてこの Bing。 ダウンロード視聴できるリソースは片っ端からインデックスしているみたいで、YouTubeの隠れたエロ動画はもちろん、 マイナーな AV女優さんの名前で検索しても、名の知れない DVD 屋さんのサンプルムービーが出てきたりするところがいいです。 もし、動画の検索結果があまりでてこない単語でも、イメージで検索してみると豊富にコンテンツがヒットしますね。 また、アダルトと判定されてない、つまり制限ありのセーフサーチの結果としてでてくるものもアダルティだったりといろいろと発見があります。

adultornot

この「AdultOrNot」。現在のところ検索結果を100件以内に制限していたり、精度が多少悪い?(なぜか結果がマイナスだす時がある)かったりしますが、暇つぶしにでも使ってくだされば幸いです。

2009年5月29日

先月、自宅のネットワーク等を再構築したのにあわせて、 自宅サーバ周りのシステム見直しをしています。 Amazon ec2 で運用している諸々のサービスのいくつかを移行させることも含めて、 省エネ化・省力化によるランニングコストを押させるのが目的です。 また、新規サイト立ち上げ時にサーバを素早く確保できるようにもしたいと考えているところ。 ソフトウェア的なチューニングによるリソースの削減が、実際のところ、俺の場合一番効果があるのですが(苦笑)、 今回は今から投入しようとしているマシンの話です。

ec2 で運用しているサーバの代わりとして追加のマシンの導入を検討中。 方針は、「ボケて」サーバを追加した時に導入した「iSCSI」を活かす形で、 VMWare ESXi を USB でブートして、VM をその「iSCSI」上に置く、 つまりディスクレスなマシンにして消費電力や発熱を押させたものにすること。 また、今回は「省スペース」にも気を払いたい。

というのも、先日の「ゆーすけべー日記: 「ボケて」ガンマ版リリース - 技術的新しい試みまとめ」という記事に対して、ハチイチ友達の uzulla っちがこんな記事を書いていた。

近年DELLとかHPの安いミドルタワーのサーバーがでてきて、家サーバーはとても安く購入できるようになった。
…んだけど、実際の所これでけーんだよな。

via 2009-05-03 - c/fe

確かにその通りで、dellやHPのサーバはさすがに作りはそれなりにしっかりしていて便利なんだけど、 自宅に複数台置くと考えると多少でかいんだよね。 そこで、構成を考えてみると、ディスクレスであることと、マシンを設置する納戸が比較的涼しいことも加味すると、 放熱対策を最小限に押さえられることから、自作で小さい PC を作るのがいいのではないかと結論に達した (サーバの熱問題についてなんだけど、それなりに長い期間自宅でサーバを運用している割には、 あまり悩んだことがないので、もしかして、上記の考えはは甘いかもしれないことをご了承くださいな)。

そこで、目をつけたのが、一般的なマザーボードのファームファクタで一番小さい「Mini-ITX」ベースのマシンである。 サーバなので、PCIスロットもオンボードNICがあればいらない、上記した通りディスクレスなのでケースが大きくなくていい、 と小さくても逆に好都合なのである。 てなわけで、今回のマシンはアプリケーションサーバとして使いたい=そこまでクリティカルではないので、 割と気軽に、試しとして自分で組んでみた。パーツ構成はこんな具合である。

  • マザボ: Intel DG41MJ 約10,000円
  • CPU: Intel Core2Duo E8400 3GHz 約17,000円
  • ケース: センチュリー CF-A6719 約6000円
  • メモリ: トランセンドの家にあったやつ 2GB x 2 だいたい4000円くらいで買えるんじゃまいか
  • 合計金額: 37,000円

VMWare を入れる USBメモリとか通販にかかる送料とかも含んでも4万円前後。 アプリケーションサーバとワーカー用の VM を2つ〜3つ 動かそうという魂胆、そこそこリーズナブルじゃないかな。 うんで、実際に組んでみると、やっぱり小さい。 感覚としては横に寝かせると、高さが 2U ラックサーバのそれ、 横幅 x 縦幅 がラックサーバの面積の 4分の1 といった具合。以下写真で紹介。

mini-itx mini-itx

mini-itx mini-itx

今回選んだケースは電源内蔵型、「筐体がかっこいいいからw」という理由から選択したんだけど、 ACアダプタで稼働させるタイプのものを選べばもっとケース内の温度は下がるね。 それとこの「DG41MJ」というマザボは、TDPが65W以内のCPUが載るので、 Core2Quad の省電力版(っていうのかな?番号の最後に s がついてるやつ)も使える。 また、メモリは今回 2GB x 2 をつけたけど、最高 4GB x 2 まで対応しているので (PC2 DIMM 4GB って、バルクしか今は出回ってないっぽいけど)、より多く積むことも可能だ。 実際に起動してみてワットチェッカーで計ってみると、消費電力はアイドル時で 43W 、起動時は 65W 前後だった。

さて、今はまだ VMWare ESXi を NIC の認識ができるようにがんばっていれたところで、 まだ運用はおろか、VM も動かしていない。 これからセットアップ及び順次移行作業をしていくが、 うまくリクエストをさばき、熱の観点からこの夏を乗り切ることができれば、 この「Mini-ITXマシン+iSCSI」という組み合わせは、省スペース / 省電力という点で最強の自宅サーバになりうるのではないかなぁ。

と、妄想しつつ、試しつつあるよ、という記事でした。 実運用した結果はそのうちまとめるかもしれないかもしれないですのでよろしく。


インテル Boxed Intel Core 2 Duo E8400 3.00GHz BX80570E8400
posted with yusukebe.com::AmazonSearch on 2009.5.29
  • エレクトロニクス / インテル
  • Amazon 売り上げランキング: 1840
  • Amazon おすすめ度の平均: 3.5
    • 3 Intel Core 2 Duo E8400 3.00GHz
    • 4 もうすぐマイナーアップデート
Amazon.co.jpで詳細を見る

Transcend JetRam デスクトップPC用増設メモリ DDR2-800 2GB x 2 永久保証 JM4GDDR2-8K
posted with yusukebe.com::AmazonSearch on 2009.5.29
  • エレクトロニクス / トランセンド・ジャパン
  • Amazon 売り上げランキング: 386
  • Amazon おすすめ度の平均: 4.5
    • 5 購入しました、問題無し
    • 3 普通です
    • 5 WindowsXPが安定しました
    • 5 安心
    • 5 まだまだ値下がりするかな?
Amazon.co.jpで詳細を見る

センチュリー スリムタイプmini-ITXケース ブラック CF-A6719BK150
posted with yusukebe.com::AmazonSearch on 2009.5.29
  • エレクトロニクス / センチュリー (2008-11-12)
  • Amazon 売り上げランキング: 36744
Amazon.co.jpで詳細を見る

2009年5月27日

ネタフルさんに、去年作った「YouTubeMP4」をいまさら紹介してもらって、びっくりしている今日この頃。

そこで、個人的なニーズもあり、Veoh 版 の 「VeohMP4」ってのも作ってみた (といっても、前から作ってあったのを公開してなかっただけで、 ネタフルさんの記事が出てから作ったわけじゃないっすよー)。 ちなみに、この記事のタイトルはネタフルさんのパクリでおおくりしています。

VeohMP4
veohmp4

使い方は「YouTbeMP4」と同じ。フォームに Veoh のビデオURLを入力すると、 ダウンロードリンクが表示されるので、それを右クリックして保存するなりして、ダウンロードしてください。 形式は iPod に最適化された mpeg4 形式になっています。 また、タイトル通り、Veoh のビデオページにて、以下のようにURLへ「mp4」をつけると自動的に ダウンロードページへ飛ぶようになっています。

http://www.veoh.com/browse/videos/category/music/watch/ビデオのID
to
http://www.veohmp4.com/browse/videos/category/music/watch/ビデオのID

ただ、残念なのは、Veoh って外部の動画共有サイトとも提携してそこの動画も見れるようになっているんだけど、 そのうちのMTVからのビデオ等はさすがにダウンロードすることができませんのであしからず。

このサービスを作るにあたって、副産物として「WWW::Veoh::Download」というPerlのモジュールもできました。apikey が必要ですが、こんな感じでダウンロードできます。

use WWW::Veoh::Download;

my $client = WWW::Veoh::Download->new( api_key => 'your_api_key' );
$client->download( 'vXXXXXXXXXXXXXXX', 'veoh.mp4' );

使いたい人はそちらもチェックしてみてください。

ところでこのサービスはとある目的への布石でしかない…かもね!



プロフィール

yusukebe

ゆーすけべー / yusukebe
Yusuke Wada
1981/12/23 生
天然パーマ Erogeek
HP Twitter mixi はてブ
yusuke (at) kamawada.com

クイックリンク

Recent Listening

カテゴリ

  • RSS feed meter for http://yusukebe.com/
  • ブログSEO対策:track word
  • seo
  • 人気ブログランキング・ブログ検索:ランブロ
  • この日記のはてなブックマーク数
  • あわせて読みたいブログパーツ
Powered by Movable Type 4.01