2012年1月11日水曜日

iphoneでyoutubeの音楽を聞くためのブックマークレット作りました。

iPhone4Sをもちあるいているのですが、暇なときに音楽でも聴きたい・・・でもitunesで同期させるのは面倒。
PCの場合はyoutubeのプレイリストでも準備しておけば、流しっぱなしにしつつ仕事とかできるわけですが、手軽にiphoneでもできたら便利なのに・・・とおもっていました。

デフォルトでついているアプリは1つ再生がおわると、とまって詳細情報にいってしまうしwebでアクセスした場合は、画面をロックすると再生できなくなっちゃいます。

というわけで適当なブックマークレットをつくってみました。

add
javascript:var%20spt=document.createElement('script');spt.src="http://taktodtools.appspot.com/yt/add.js";document.head.appendChild(spt);void(0);

clear
javascript:var%20spt=document.createElement('script');spt.src="http://taktodtools.appspot.com/yt/clear.js";document.head.appendChild(spt);void(0);

play
javascript:var%20spt=document.createElement('script');spt.src="http://taktodtools.appspot.com/yt/play.js";document.head.appendChild(spt);void(0);

iphone4sでのみ、動作確認してあります。

この3つのブックマークレットをまずiphoneのサファリのブックマークに登録してください。

まず適当なブックマークを3つ作ります。
このページでもかまいません。







上記のブックマーク用のプログラムを押し続けると選択されコピーがでてくるので、コピーします。






ブックマークの編集で先ほどのデータを貼付けて3つのブックマークを準備します。







先ほどコピーしたデータを貼付けると若干簡単に準備できます。
 safariでyoutube.comにアクセスして、気に入った曲をみつけたら、addのブックマークを実行して、じゃんじゃん追加していく・・・

clearのブックマークを実行すると、追加されたリストがクリアされて登録しなおしになります。




リストができあがったら、playのブックマークを実行します。
すると、youtubeのwebアプリの上にplayというボタンがでてきます。
でてきたら成功。

このplayボタンを押すと、addで追加した曲が順番に再生されていきます。



ロック画面や別のアプリに移動すると、いったん止まってしまいますが、ボームボタンを2連続で押すと再生させることができます。

あとは[javascriptが有効な限り]音楽が再生され続けます。

動作がどうも安定しないときが若干あるみたいです。
そういう時はアクセス動作(データの読み込み)が完了してから1歩ずつ動作させてみてください。

作った感想:youtubeの音楽をベースに音楽を携帯するのはiphoneを買ったころからやりたいと思ってました。iphoneでの動作では、動画を再生すると制限が酷くてやりにくいのですが、audioタグで再生しちゃえばいろいろできるのでは?と思い立ちつくったのが、今回のブックマークレットです。
外の3G回線でもちょっと頭出しに時間がかかりますが、そこそこ動作するのでなかなかいけるんじゃないの?これ?と思ってます。

説明にjavascriptが有効な限り・・・と書きましたが、iphone上のアプリを別途利用していると、開いているyoutubeのページが無効になってしまい。再度アクセスし直すと自動的に読み込み直しがおこる状況になることがあります。この状態になると、javascriptによる次のファイルの読み込みがうまく動作せず、音楽を再生しきったらとまっちゃうみたいです。

ブックマークレットの形にしたのは、youtubeのメディアファイルにアクセスするために、videoplaybackのデータを引っ張ってくるのですが、端末上でうまくやる方法がどうしてもみつからなかったからです。

リスト追加等を手軽にしたのはいいのですが、管理しにくいので、もうちょっとUIをなんとかしたいですね。

動作はaudioのタグの挙動を調べまくってつくりましたので、同じiphoneでもバージョンによっては動作しなかったりするかもしれません。特にロック画面で動作するかといったところは不安・・・こんな端末でも動作したよという報告いただければうれしいです。

いろんな人にこのブックマークレットつかってもらいたいなぁ。

ではでは〜

0 件のコメント:

コメントを投稿