clip - ohnokenichi@tumblr @ohnokenichi - Tumblr Blog

Posts

TG41 Player : アップデート

■ iOS9向けの対応を行いました

iOS9で曲終わりのイベントが2回コールされて一曲飛ばしで曲送りされるようになったため、2回目を無視する対応を行いました。

■ track削除時の動作を変更しました

再生中のtrackを削除したときに、次のtrackに再生が移るよう変更しました。

■ ショートカットキーを設定しました

誰からもリクエストはありませんでしたが、ショートカットキーを設定しました。

検索： S

再生 / 一時停止： Space

曲送り： Shift + →

曲戻し： Shift + ←

早送り： →

早戻し： ←

区切り送り： 0…9

リピート切り替え： R

シャッフル： Shift + S

プレイリスト先頭に移動： T

再生中のtrackに移動： P

再生中のtrackを削除： Delete

ボリュームアップ： Shift + ↑

ボリュームダウン： Shift + ↓

ミュート： M

僕の場合、

検索結果を [ADD ALL] して [Space] で再生

[0…9] と [→] でザッピングしながら [Shift + →] で曲送り

リストから外したいtrackを [Delete]

という感じでプレイリストを作ってます。仕事してる感が出ていい感じです。

なお、プレイリストを保存して再利用したいというときは、tg41player (in Foul) をお使いください。すごく便利です！

その他、軽微なバグ修正、デザイン調整をしました。

引き続きよろしくお願いいたします。

soundcloudのapiでオリジナルのミュージックプレイヤーをつくりました

#soundcloud #music #web app #api #javascript

SoundCloudのAPIでオリジナルのミュージックプレイヤーをつくりました

■ つくったもの

TG41 Player

SoundCloudにある楽曲でプレイリストを作成して再生させるミュージックプレイヤーです。

PC、スマホ（iPhone）に対応しています。Androidは未確認です。

SoundCloudサイトでもプレイリストは作れるんですが、もう少し気軽にそのときの気分で即席のプレイリストが作れればと思ってつくりました。

ソースコードはこちら。

■ 使い方

<検索>

キーワードを入力して楽曲を検索します。

プルダウンメニューでトラック検索、プレイリスト検索の切り替えができます。

<プレイリストに追加>

検索結果の楽曲の右にある [＋] のボタンでプレイリストに追加します。

[ADD ALL] からまとめて追加もできます。

プレイリストは検索結果の下にあります。

<再生>

再生ボタンか、プレイリストの楽曲をクリック（タップ）することで再生がはじまります。

検索結果にある楽曲もクリックで再生できます（同時にプレイリストに追加されます）。

リピート再生（楽曲単位／プレイリスト単位）、シャッフル再生に対応しています。

※ iPhone、iPad、iPodからは、Safariのフッターメニューから「ホーム画面に追加」をして、ホーム画面から起動してください。Safariから起動させると楽曲が再生できません。

■ iOS端末での使用について

上に書きましたが、iPhoneなどiOS端末では再生が効きません（プレイヤーのオレンジ色の再生ボタンは効きます）。

どうもiOSのSafariでは、ユーザーの明示的なアクションがない限り動画や音楽の再生を受け付けない仕様になっているようです。

このプレイヤーでは曲の終了後に次の曲を自動再生させているので、それが動かない原因なのかなと。

ところが、ホーム画面から起動させると再生が効くようになります。

通常のブラウザ起動とは扱いが異なるのか、詳しいところは分かりませんが、iOS端末では「ホーム画面に追加」をお願いします。

■ 雑感

毎日使うプレイヤーとして使い心地が良い（TG41）ものを目指しました。

シャッフル再生中に曲戻しボタンを押したら？楽曲を追加したら？とか考えながらつくっていく過程がなかなか楽しかったです。

■ 最後に

SoundCloudのサービスが末長く続きますように。

TG41 Player : アップデート

#soundcloud #music #web app #api #javascript

Box

#Vimeo #box #projectionmapping #botanddolly #botndolly #robotics #robots #projection #performance

“気象情報APIは任意の緯度経度を指定するとその地点の降水量を取得できるAPIです。降水量は数値データ（単位：mm/h）のため、雨の量を明確に取得できます。降水量データは過去2時間前の実測値から未来1時間後までの予測値を取得できるので、今後雨が降りそうであるか、雨が降っていた場合は雨が止む可能性があるのかがわかります。”

“「The Infinite Jukebox」は、好きな曲をアップロードすると、永遠にリミックスを生成し続けるサイトだ。仕組みがわかる視覚表示も美しい。”

Geolocation APIはデバイスの内蔵GPSデータを利用せずに詳しい位置情報を得ることを可能にする。このAPIは携帯電話中継塔を利用した三角法とWiFiアクセス・ポイントの情報によって位置を推測する。

http://jp.techcrunch.com/archives/20121017google-apis-for-location-tracking-gps-free-geolocation/

twivision

http://bit.ly/O9SCjb こんなの作ってみました。ツイート検索アプリです。検索して結果表示して終わりじゃつまらないので、新着ツイートがあれば割り込みで表示させるようにしました。テレビを見ながら局名（#nhkとか）で検索したり、路線名で遅延情報みたりするとわりと面白いです。というか、着想がつぶトレだったり、tuneTV だったりするのでまんまですね。たとえば今日コンビニで藤子・F・不二雄特集の pen+ を立ち読みしたら無性にドラえもんが読みたくなったりしたんですが、「ドラえもん」で検索してやっぱりみんな好きなんだなぁなんて思ったり。ま、なんでもいいんです。よければちょっとさわってみてください。 iPhone をお使いの方は「ホーム画面に追加」すると画面広々になります。そもそも JavaScript をあらためて勉強しているうちに動くものが作りたくなったって感じなので、完全に自己満足です。ということで、ドラえもん100 買いましたよ。

September 25, 2012 at 08:00PM

#interestingarticles