トップページ

2007年03月25日

ながらTube

Flash Media Playerで遊ぼう企画の第3弾くらい。再生するプレイリストを自動生成しようというネタ。Flashビデオが大量に転がってるところといえばあそこなわけで。そのAPIでプレイリストを作ればいんじゃん?という安直な企画デスネ。

で、出来たのが以下。

» ながらTube

上のリンク先のページの右側にプレイヤーが表示されると思いますが、そのままではいまいち面白くなさそうなビデオがリストされてるかと思います。
で、その左側にある入力フォームでキーワード検索ができるので、ここに好みのキーワード、例えば「浦和レッズ」とか入れてみてください。配色も変えられるので、「Background」を赤に変更してみましょう。「Foreground」と「Rollover」は白と黒の組み合わせがいい感じではないかと。最後に「Update」ボタンをクリックすると、プレイリストの内容とプレイヤーの見栄えが変わるという寸法です。

ながらTubeバッジ

これまで見てきた、ページの右側に出てくるヤツは、ウェブやブログに貼り付けることを想定した「バッジ」版なのですが、一方で下図のように、これをサブウィンドウで表示して、デスクトップで鑑賞する用途を想定した「バー」版もあります。
ながらTubeの、バーの説明にある「Nagara Tube Bar (Bookmarklet)」というリンクをクリックすると、バッジ版と同じ内容が、下図のようにサブウィンドウに表示されます(タブブラウザではポップアップウィンドウの設定を変更する必要があるかもしれません。IE7ではタブブラウズの設定中の、ポップアップの発生時の動作を確認してください)。このリンクはブックマークレットにもなるので、ブックマークやツールバーにこのリンクを登録しておくと、以降はそれを選択するだけで同じ設定のバーを表示できます。

ながらTubeバー

さて。

とか書いときながら実際にブログとかに貼られまくられちゃったりするとそれなりの負荷になるわけで。いつものようにソースを晒してるので、ご利用は自鯖でどーぞ。ただし、自作の部分はいつも通りフリーソフトウェアですが、Flash Media Playerはそうではなく、特に商用利用の場合はライセンス料金が必要になる点ご注意ください。

Category: ウェブ制作
Posted 2007年03月25日 22:58

トラックバック

このエントリーのトラックバックURL:
http://www.rcdtokyo.com/mt/mt-rcdtokyo5428-tb.cgi/814

コメント

素敵です!
さっそく自分のblogにつけてみました!
ちなみに一応プロモーションビデオになるのですが、大丈夫でしょうか?

Posted by wakiさん at 2007/03/26 01:28

ああ、まさに想定していた使い途、その1はそういう感じです。

Posted by ucbさん at 2007/03/26 13:39

あまりのかっちょ良さに惚れ惚れです。
さっそく(って、やっとのことで導入)サイトに
取り付けてみました。wakiさんのような素敵
な利用でなく、ただ自身の楽しみそれだけで
す。
ucbさんの紹介をさせて頂くべきところですが、
ほんとにかっちょ良いので、あんまし皆さんに
使こうて欲しくないなぁ~って。。あえて、紹介
もリンクもしませんでした。ごめんなさいです。

Posted by starf42gさん at 2007/03/27 17:14

かっちょいいのはJeroen Wijeringさん作のFlash Media Playerなのであります。

Posted by ucbさん at 2007/03/28 13:18

Wordpressでやっとこさ作ったぞ~
と思っていたらこんなに素敵なweb
があったとは…

さっそく利用させていただきます。

Posted by hiroさん at 2007/04/18 18:58

ご参考になれば幸いでゴンス。

Posted by ucbさん at 2007/04/18 19:52

youtubeに登録している動画が10個までしか,ブログ上のnagaratubeに反映されないのですがどうすれば全部反映されるでしょうか。
ちなみに全部で12個youtubeに登録しており,今後も増やす予定です。

Posted by 名無しさんさん at 2007/05/09 21:12

My Favoritesにビデオを登録して、ですよね?
もし、10個まで登録した時点で(誰かが)いったん再生しちゃってると、その後に追加したヤツはそれから2時間経たないと反映されなかったりしますが、そういうことだったりするのかしら?

Posted by ucbさん at 2007/05/09 23:35

My Favoritesにビデオを登録して、です。
追加したものは反映されるんです。
ですが、例えば、12個を13個に増やしても、うち前に登録した
3個が反映されなくなるんです。
2時間以上は経っています。。

Posted by 名無しさんさん at 2007/05/10 21:32

ああ、ごめんなさい。My Favoritesのものは、YouTube側の制限で10ヶまでしか出てこないようです(聞いてねえよw)

Playlistに登録したものは100ヶまで出てくるので、そちらをご利用いただければありがたいです。この場合は「Search」のところにPlaylistのIDを入力して、下のチェックを「playlist ID」のところに付けてUpdateしてもらうわけですが、ではPlaylistのIDはどこでわかるかと言うと。My Accountで、あるPlaylistを選択して表示したアドレス(URL)は以下のような感じになる筈ですが。
http://www.youtube.com/my_playlists?p=051809FF5F723F15

もしアドレスに「?」記号以降がなければ、そのページの左側にあるリストから、もう一度そのPlaylistを選択し直してください。
で、このアドレスの「my_playlists?p=」の後に続く英数字(上の例では「051809FF5F723F15」)が、そのPlaylistのIDです。

メンドくさいですよね(誰か、もっと簡単にわかる方法を知ってたら教えれ)。なので上では説明を端折ってるんだったりw

Posted by ucbさん at 2007/05/10 23:26

手順通りにYouTube IDを入力後、My Favoritesに設定して利用させて頂いたのですが、
自分のblogを開くと初期設定のビデオリストが表示されます。
もう一度開きなおすとMy Favoritesが出るようにはなるのですが…
このような場合改善法はありますでしょうか。

Posted by mさん at 2007/06/19 04:04

そりはまた面妖な(なにも出てこないというのはあり得るっぽいのですが、デフォルトのが出てくるとは)。
タイミングの問題なのかなあ…。そうならダミーのiframeとかをそれより先に置いて、そっちをいったん読み込ませた上で本チャンを読み込ませるとか…。いや、それじゃあまりにも麗しくないか…。

Posted by ucbさん at 2007/06/19 12:48

他に利用されている方々は正常に利用出来ているみたいですし、
色々試行錯誤してみます…
何よりも『ながらTube』は魅力的ですのでこのまま使用させて頂きます!
御返答ありがとうございました。

Posted by mさん at 2007/06/19 18:35

早速私のblogに使わせて頂きました
blogデザインに合わせて色が変えられるので素敵ですね!
ありがとうございました

Posted by クレアさん at 2007/10/15 05:40

 ながらTubeとても素敵なデザインに惹かれて使わせてもらっています。
 mさんの現象と同じで、私のところでも更新すると選択したtubeが表示されますがまったく違うtubeが表示されています
 が
 やはりながらTubeが好きなので使わせて頂きます。

Posted by ranさん at 2007/10/15 15:52

ranさん、こんにちわ
そうですか、うまく表示されませんか。。。
ここのサーバの問題なのかなあ。。。

Posted by ucbさん at 2007/10/16 21:03

こんにちわ。

ブログにyoutubeが記事内容によって変わるような物を探していたところながらtubeさんを見つけました。

自分のサーバーに入れれるということで試したみたところうまくいきません。
http://www.morning.tank.jp/nagara/
こんな感じにうまくxmlのリストを作ってくれてないようです。

サクラのレンタルサーバーを使ってますが、うまくいきません。readme.txtの書いてあることは全てしましたが(phpやディレクトリの権限等も)・・・

もしよろしければご教授願います。

Posted by mtさん at 2007/10/29 10:56

こんにちは。
ながらTube、たいへん重宝させていただいております。
機能性がとても優れていますね。

ところで、YouTubeでは最近、APIの変更が行われるそうです。
今までのAPIはレガシーAPIとなり、引き続き使用できますが将来(1年後?)は廃止予定とのこと・・・不安が残ります。
ながらTubeで使用されているAPIもレガシーAPIなので、新しいAPI(GoogleデータAPI)に移行するご予定はありますか?
よろしければお聞かせ願えれば幸いです。

Posted by isacさん at 2007/10/29 15:46

こんにちは。
nagaratubeさっそくブログで使わせていただいています。
デザインが良くて機能的でとても気に入っています。
公開していただいてほんとうにありがとうございました。

なお、私も(mさんと同様の現象かと思われますが)
playlistはキーワードを2ヶ組み合わせてバリ島の
パラグライダーの動画リストとして作成しているの
ですが、最初はうまくplaylist通りにリストが表示されず
再度ページをリロード(再読込)するとplaylistによるリストが
表示されます。

訪問者にページのリロードをお願いするわけにもいかず
何とか対応したいと思っているのですがお知恵を拝借
させていただけないでしょうか。よろしくお願いいたします。


Posted by 飛梅さん at 2007/10/30 11:20

ああ、なるほどInternet Explorerだとそういう症状になるのかも。なんだこりゃ?(笑)
ちょいと確認してみますんで、すいませんがしばらくお待ちください。

Posted by ucbさん at 2007/10/31 00:43

う~ん、今でも再度ページをリロード(再読込)をせねば
playlistによるリストが呼び込めません。
この問題がクリアーしなければ、ブログに載せるのはちょっと…。
対策の程よろしくお願い致します。

Posted by 載せたいけれど…さん at 2007/11/09 14:06

素敵なながらで、活用させていただいています。
一点、質問というかお願いで・・・

Firefox(たぶんver.2)でIframeで「ながらYOUTUBE」を読み込むとエラーコンソールにエラーが表示されてます。
何かJavascriptエラーに引っかかっているようです。
(意図的にエラーを表示しない場合は、エラー表示もなく問題ありません)

やはり公開する際にエラーは解決しておきたいので、対応いただけたらうれしいです。

Posted by noaさん at 2007/11/21 18:22

エラーメッセージが「':' であるべきところが 'undefined' になっています」なら、SWFObject.jsの(現時点での公開版である)バージョン1.5のバグです。
問題の詳細と修正版(v1.5.1)は以下。
http://blog.deconcept.com/swfobject/forum/discussion/536/error-expected-but-found-undefined-declaration-dropped/

Posted by ucbさん at 2007/11/26 19:19

いつぞやはいろいろと質問させていただいてお世話になった nori です。
まだ、デモ版ですが、ながらTubeにインスパイアされて、Everybody's TV というサイトを作ってみました。
http://www.everybodys.tv/
プレイリストの投稿、またはご意見ご感想、リアクション待ってます。

Posted by noriさん at 2007/12/01 18:22

こんにちは。
根強い(笑)ユーザの飛梅です。
このところNagara Tubeのプレイリストから動画を選択してもループに入ってランダムにプレイリストの動画を選択するようになります。ieでもFirefoxでも同じ症状が見られます。こちらのサンプルでも同じ症状になるようなので、何かYouYube側での仕様変更が影響しているのでしょうか。
Nagara Tubeに代わるYouYubeプレイヤーは未だになく、ぜひこれからも使い続けていきたいのでよろしくお願いいたします。
IE対策(プレイリストが初回起動時正しく表示されない)も合わせてよろしくお願いいたします。

Posted by 飛梅さん at 2008/04/29 08:55

コメントをどうぞ



保存しますか?


Aoaka Style Valid Aoaka