2007-09-25
ニコニコ動画でプレイリストが使える Greasemonkey スクリプト
ニコニコ動画, Greasemonkey, Playlist
「作業用BGMに動画を使いたいけど、メドレー系ばかりじゃなく短い動画も連続で見たい!」
僕は作業する時に、ニコニコ動画を BGM にする事が多いです。(作業用BGMタグをみるに、同じような人が結構いるみたい?)
それで、動画を選んでから作業を始めるわけなんですが、動画をひとつ見終えると、作業を中断して次の動画を選ぶ必要があって面倒なので、自然とくりかえし再生しやすく再生時間が長いメドレー系を選びがちです。でも、これだけ動画があるニコニコ動画なので、短い動画もみたいんです><
そんな人のために、ニコニコ動画でプレイリストを使えるようにする Greasemonkey スクリプトを作りました。(Greasemonkey スクリプトの使い方)
インストール:niconicoplaylist.user.js(更新履歴)
※ 自動再生がプレミアム会員限定になってしまったので、プレミアム会員でないと自動的に連続再生できなくなっています…… orz
つかいかた
インストールして、ニコニコ動画のページを開くと、左上にこっそりと四角がはみでています。
これにさわると、プレイリストウィンドウがポコッとでてきます。
「ページ中の動画を追加」ボタンを押せば、開いているページの中の動画リンクを全てプレイリストに追加できます。たとえば、ランキングのページで押すと、以下のように1位から順番に全て追加されます。(2007/09/25 10:00 のマイリスト登録数ランキング)
あとは「再生」ボタンを押せば、プレイリストの先頭から連続再生がはじまります。再生された動画はプレイリストから削除されていきます。(なのでリストというよりキューかな?)
ランキングページだけでなく、たとえば検索結果をまとめて再生したり、きまぐれ検索でランダム再生したりできます。
ちなみに、途中で連続再生をやめたい場合は「全て削除」を押して、プレイリストをクリアしてください。
つくりかた
今回はちょっとずる(開発者特権の行使)をしてプレイヤーのソースを読み、使えそうな変数を Flash の GetVariable で監視することにした。本当は、FLVPlayer の statechange イベントをキャプチャしたいところだけど、内側からExternalInterface で呼び出してもらわない限り、外側からイベントはキャプチャできないので、今回は却下。
GetVariable でプレイヤーの state がとれないかと思ってためしたけど、どうもオブジェクトのプロパティはとれない模様なので、あきらめた。
プレイヤーの Flash は僕がいじっているわけではないので、ActionScript を斜め読みしてめぼしい変数を探した。
ContentLength は動画の総秒数、LastVpos は状態が更新された時点での動画再生位置が入っているようだったので、それを利用。ただ、再生が終了した時点で停止した時、LastVpos と ContentLength が一致するわけではないようだったので、多少の誤差(5秒まで)を許容するようにした。
ただ、将来に渡ってこの方法が使える保障はないので注意。将来的にはプレイヤーの Flash からイベントを外側に通知する仕組みを作りたいのこころ。
複数のプレイリストが作れるように実装はしたものの、ちょっと使ってみたところ、あんまり使わなそうだったので却下。でも、そののりしろは残しておく。
動画のリンク収集は、document.getElementsByTagName で A 要素を集めて、リンク先が "watch/***" かつ、クラス名が "video" のものだけを集めると、サムネイルなどのリンクは取り除ける。サムネイルをつけようかと思ったけど、プレイリストの見た目にそぐわなかったので見送り。
こういう風に道筋を思い起こして書いていくと、「なにを作るか」「どうやって作るか」も重要だけど、「なにを捨てるか」「なにをあきらめるか」も同じように重要だということがよくわかる。
- http://d.hatena.ne.jp/f-star/20070926
- miya2000のOpera日記 - [niconico][bookmarklet] ニコニコ動画のマ...
- http://d.hatena.ne.jp/ringod/20070926
- links for 2007-09-26
- http://d.hatena.ne.jp/kotas/20070927
- Webアプリを作ろう - scrap
- こたにき - niconicoplaylist.user.js の RC2 対応(不要)
- 萌興画展雑記(もっこうがてんざっき) 〜萌え画像CGサイト紹介雑...
- m2O - [user.js][bookmarklet][niconico] nicovideo player lite
- こたにき - Opera でニコニコ動画プレイリスト
- 自堕落な投資ずきSEの日記 - ニコニコ動画でプレイリストが使える !!
- プログラミング
- ExceptionErrorMessage - こたにき
- こたにき - Greasemonkey スクリプトを CodeRepos に移動
- Fire Fox
- 敷居の先住民 - はじめてのふぁいあふぉっくす
- 敷居の先住民 - はじめてのふぁいあふぉっくす
- Ulmhaft - ニコニコ動画の一覧ページで強調表示するGreasemonkey + ...
- あまたの何かしら。in はてな - ニコニコ動画で使えるユーザースク...
- Twitter Response from @myrmecoleon
- shiroicaの日記 - ニコ厨の「足あと」を捕捉する方法(IE限定)
- [日記]作者様に感謝 Greasemonkeyでニコニコ流し見
- Ulmhaft - 技術アピール用プロダクトまとめ
- 僕のNET学習帳 - Greasemonkey and Stylish in Nicovideo(ver.SP1) ...
- Hi-MEATBALL. - firefox + vimperator + greasemonkeyで快適ブラウ...
- こたにき - niconicoplaylist.user.js ver 1.10
- こたにき - niconicoplaylist.user.js ver 1.11
- だらだら生きるお!!( ^д^) - Greasemonkeyスクリプト、インストー...
- ニコニコカスタマイズー
- 最終防衛ライン2 - 娯楽の価値は
- ...ing logging 3.0 - ニコニコ動画でプレイリストが使えるGreasemo...
- iMona@zuzu開発者日記〜主に日々の行動記録〜 - niconicoplaylist.u...
- 成長せず - NicoNicoPlaylist mod改造
- こたにき - niconicoplaylist.user.js ver 1.13
- 59 http://reader.livedoor.com/reader/
- 58 http://b.hatena.ne.jp/hotentry
- 27 http://d.hatena.ne.jp/
- 16 http://b.hatena.ne.jp/add?mode=confirm&title=%u3053%u305F%u306B%u304D - %u30CB%u30B3%u30CB%u30B3%u52D5%u753B%u3067%u30D7%u30EC%u30A4%u30EA%u30B9%u30C8%u304C%u4F7F%u3048%u308B Greasemonkey %u30B9%u30AF%u30EA%u30D7%u30C8&url=http://d.hatena.ne.jp/
- 16 http://nicowiki.com/
- 12 http://www.google.com/reader/view/
- 9 http://b.hatena.ne.jp/add?mode=confirm&url=http://d.hatena.ne.jp/kotas/20070925/playlist
- 8 http://twitter.com/home
- 7 http://b.hatena.ne.jp/entry/http://d.hatena.ne.jp/kotas/20070925/playlist
- 7 http://b.hatena.ne.jp/hotentry?



