MusicTubeというwebアプリをつくってみました。

先日mp4から映像をOFFにするという記事を書いたわけですが、それを応用したjettyで書いたプロキシーサーバーと適当なwebアプリを準備してみました。

このwebアプリを使えばyoutubeのデータをiOS6.1の端末でもBGMとして流しつつ別のアプリに移動することができます。

http://taktodtools.appspot.com/musicTube/index.html?#main

iOS 6.1以降のiPhoneで音楽を聴くためにつくったわけですが、上記のようにChromeやSafariでも動作し、ちゃんと音楽聴けるみたいです。

まずは使い方
検索ボックスに適当な検索キーワードをいれて、実行するとyoutubeの検索を実施して、結果が表示されます。

ここでSearchのボタンをクリックすれば検索されます。

結果はこんな感じ。この状態で左の画像かタイトルをタップすると音楽の再生がはじまります。

右の(+)をタップするとマイリストに登録され、次回からは検索しなくても再生することができます。

また、右上の[三]みたいなところをタップすると左にメニューを出すことができます。
メニューでは、上から順にいくつか項目があります。

musicTube
・home：はじめの画面および、検索結果画面に移動します。
・[search youtube...]：youtubeの動画検索を実施する簡易検索ボックス
・my list：検索結果から、リストを保存した場合のリストを参照できます。
playing
・：再生中のタイトルが表示されます。
setting
・---：リピートをするかのフラグです。---リピートしない、repeat終わったらサイド再生する。
・one track：再生の方式を変更します。one trackその曲のみ流す all track my list上の全曲を流す。
・clear my list：my listのデータを削除します。
・skin：webアプリのスキンを変更します。
information
・version：現在のプレーヤーのバージョンです。
・contact author：作者へのコンタクト情報です。

スキンを変更するとこんな感じになります。

MyListでは(ー)で指定トラックの削除 ▲▼でトラックの入れ替えが実行できます。

このように順番を変えたり、必要のないトラックを削除できます。

iPhoneの下のところにあるコントローラーでも
再生、停止と次のトラックへ移動がコントロールできます。

こんな感じです。
まだちょっとバグがあるみたいで、(主にjqmobiのバグ)、左のメニューでmyListを選択したのに、home側に強制的に移動してしまったりすることがあるみたいです。そのときは、ブラウザのリロードを実行してみてください。

とりあえずは、こんなところです。
ではでは