KonifarPod

Youtubeの動画を自由に無限再生できる『EndlessTube』作ってみた

   

Pocket

以前、Angular.js のハッカソンに遊びに行った時、YoutubeAPIと組み合わせて面白いの作ってるチームがいたので、自分もキャッチアップがてら作ってみました!Angular.jsについてはこちら

あ、スマホ対応はしていないのででも一応動きますが、ちょっと変な感じになるしあんまり楽しめないと思います。あとIEは何もテストしてないので知りませんw

 

EndlessTube

ー 好きな動画の好きな部分をエンドレスリピート♪ ー

 

Youtubeの動画の好きな部分をエンドレスで再生できるというだけのお遊びサービスですw 無駄に全部英語で作ってみました。別に海外の人に使ってもらおうとかじゃないんですけどね。たぶん結構英語めちゃくちゃです。いま仕事で英語しかしゃべれない人と一緒なので、その人に色々指摘してもらおうかな・・・。

Endlesstube1

 

再生したいYoutubeURLを入力してAddボタンを押します。これURLじゃなくてワード検索した動画を選んで表示させるみたいにしたいんですが、めんどくさかったのでやりませんでした。今後バージョンアップするとしたらやります。たぶん。

Endlesstube2

 

Addボタンを押すと、下にYoutubeが表示されます。表示されないとしたらバグです。@konifarか、ブログから連絡をいただけると嬉しいです! ※ 下の動画は適当に拾ってきたもので他意はありません。

Endlesstube3

 

動画は、最大4つまで追加できます。動画の下にある開始時刻と再生時間(秒)を指定するとエンドレスに再生しつづけますエンドレスしなかったらバグです。というかChromeのバージョンによっては動かない可能性が高いですゴメンナサイ。その場合は@konifarか、ブログから連絡をいただけると嬉しいです!

Endlesstube4

 

組み合わせはあなたの発想次第です。イケてるエンドレスコンビネーションを作ったら、URLをコピペしてシェアできます!どうでもいいですけど、エンドレスコンビネーションって厨二感やばくていいですね。

 

参考までに、僕の作ったエンドレスコンビネーションを載せておきます。スマホからでも見れますが、ちょっと変な感じになるのでPCから見るのをおすすめします。あと、音に気をつけてください。

  

【Mr. SASUKE  山田勝己 のハイライトシーン】

http://konifar.com/endlesstube?ytid1=Cs3Hpe_8TRw&sMin1=0&sSec1=11&endSec1=3&ytid2=Cs3Hpe_8TRw&sMin2=4&sSec2=9&endSec2=1.8

 

【JR CM 本田翼 の可愛いシーンだけエンドレス】

http://konifar.com/endlesstube?ytid1=5l2aXkr2z3A&sMin1=0&sSec1=5.5&endSec1=1.5&ytid2=5l2aXkr2z3A&sMin2=0&sSec2=17&endSec2=1

 

【天才 三浦大知 のかっこいいダンスエンドレス】

http://konifar.com/endlesstube?ytid1=CwwQqhys3y4&sMin1=0&sSec1=42&endSec1=2&ytid2=CwwQqhys3y4&sMin2=1&sSec2=26&endSec2=2

 

・・・なんかゲシュタルト崩壊しそうになってきますね。

どんな仕組みになってるかとかその辺の話は、たぶんまたおいおい書いていきます。まあそんなたいしたことはしてないですが・・・。

機能要望、バグ報告、質問などありましたら、お気軽に@konifar までどうぞ。

Pocket

 - Webサービス ,