Steampad
というサービスを使うと貴方のWEBサイトやブログで音楽再生をすることが可能です。あなたのサイトにピッタリな音楽を流すことで、更にビューワーに対するあなたの印象を深めることが出来るかもしれませんね。
※注意：本サイトでの実装は出来ませんでした
本WEBサイトでは「Squarespace」というマイナーなCMSを使ってブログを作成しておりますが、誠に残念ながら！こちらのブログには上手く設置までは出来たのですが、プレイリストを連携することが出来ませんでした。つまり・・・・沢山記事を書いてますが、結論「上手く動作しませんでした！」。ムダ記事になるかもしれませんがメモを兼ねてエントリーはさせて頂きます。もしどなたかソリューションをご存知であれば教えて下さい！
では、せっかくなのでSquarespaceでSteampadを設置（しようとした）手順を記載します。
Steampad設定設置手順
- 上記画像リンクに飛んで、下側の「Get the Code!」をクリック
- ブログのタイプを選べとな（僕はここでOtherを選択）
- すると貼付けコードが表示されますが、ちょっとタンマ！下にカスタマイズメニューありますので、自分の好みのデザインを指定したり、WEBサイト表示と同時に音楽をスタートさせる、しない等を設定可能です。
- 設定が完了したら、CodeをHeadタグ内に埋め込んで下さい、するとWEBサイト最下部に「バー」が表示されます。左側にはこんなボタンが。再生ボタンを押すとプレイリストの再生が始まるはずでした。。。
- バーの右端をみるとこうなっています。
ボタンの左から、「プロファイル」「プレイリスト（表示する・しない）」「音量調整」「全画面表示」「プレーヤーを別画面表示する」となります。別画面表示すると、こんな感じ。
ここまでで、とりあえず曲が再生出来ることはわかりましたね。でも？このプレイリストのソースはどこから来ているのか？以下に説明をいたしますね。
AOLとAIM、Last.fmとの提携をしている！
まず、AOL MUSICのアカウントがなければこのプレイリストを作成することが出来ません！ちょっと面倒ですが登録してみましょう。
上記手順の「５」で紹介した、「プロファイル」ボタンを押すと、以下画面が出て参ります。AOLユーザーの方は、LoginからでOK。僕は昔作った記憶があるのですが、tafarocksでログイン出来なかったので、新規でSign upすることにしました。
AOL MUSIC登録について
おっと！tafarocksユーザーIDが登録出来なかった・・・（これは相当ショック。僕以外にtafarocksを使用する人は、今までほぼ0だったというのに・・・・絶対これまでIDが被ることはなかったのにーー！辛いっっす、この際なので、僕のiPhoneアプリプロジェクトNameである、「ichinomori」商店で登録してみました。（アメリカ仕様の登録となっているので、Postalcodeは適当に登録したらOK？でしたよ）
登録が終わりましたら、先ほどの「プロファイル画面」を表示して、「左側のLoginボタン」を押してみて下さい。すると、Steampadにログインされたことが確認出来ました。
で、肝心のプレリスト作成は上記にある、「AOL MUSIC」「AIM」「LAST.FM」から選択出来ます。私は昔からのLast.fmユーザーなので、当然これを選択します（その他の方法については、僕も情報がないために説明を致しません、ご了承下さい）。Last.fmについては最下部の関連記事をご覧下さい。
ではLast.fmとコネクトします。
コネクトが完了したら、そのブラウザ画面を閉じて下さい。すると、再度Steampadプロファイル画面に戻って、Last.fmと連携をし始めます。ここは、少し時間を要しますので、じっくりお待ってみたのですが、
なぜかうまく再生されません！！(/□≦､)ｴｰﾝ!!
ココまで来て誠に申し訳ありません。色々試しましたがココでチーンです。
気を撮り直して、WORDPRESSサイトでは問題なくプレイリストを作成出来ました。WORDPRESSだと、以下の通り。
WordpressでSteampadを作成する手順
- 上記手順「２」でプラグインをダウンロード
- プラグインをインストール
- Steampad設定画面にて曲を追加していく
※この部分は人それぞれと思われます。URLにUPLOADしたmp3ファイルをリンクさせる必要があります。ちなみに僕はSquarespaceのストレージ領域に音楽をUPLOADし、生成したURLをリンクさせております。 - ちなみに僕が作成したプレイリストは、いつもの「Nujabes」２０曲です。
Nujabesプレイリスト
1.Nujabes - reflection eternal
2.Nujabes - waltz for life will born
3.Nujabes - lady_brown_feat._cise_starr_from_cyne-cms
4.Nujabes - Beach Of Life
5.Nujabes - imaginary folklore
6.Nujabes - mourn, sob & cry
7.Nujabes - another reflection
8.Nujabes - faure
9.Nujabes - reflection eternal
10.Nujabes - with rainy eyes
11.Nujabes - Homeward Journey
12.Nujabes - luv(sic.) modal soul remix
13.Nujabes - f.i.l.o._feat._shing02 cms
14.Nujabes - light_on_the_land
15.Nujabes - iyawo
16.Nujabes - shing02 - luv (sic) pt2
17.Nujabes - after hanabi - listen to my beats
18.Nujabes - Island
19.Nujabes - nujabes-the_final_view-cms
20.Nujabes - nujabes-aruarian_dance
正直ここでベストプレイリストを作っちゃうと「これでいい」的なことになりそうですが、それは「全然間違い！」です。Nujabesはもうこの世にはおりません。もう純粋な新作は出てくることはありません。つまり、僕はCDを購入し、生涯に残し、子孫にも聴かせます。なので、もしここでNujabesを初めて聴いたりして、気に入ってもらえたら、是非CDの購入を強くオススメ致します。どれを買う？沢山CDありますが、以下の３つでOKです。後悔しません！！
インディーズ・メーカー (2007-11-11)
売り上げランキング: 24726
Hydeout Productions (2005-11-11)
売り上げランキング: 5176
Hydeout Productions (2011-12-03)
売り上げランキング: 1316
話がそれました！！！ｍ(｡≧Д≦｡)ｍｽﾏｰﾝ!!
ではまとめ。WordpressでSteampadいかがすか？（笑）ほんと、ごめんなさい。僕のNujabesプレイリストはこちらのサイトでお楽しみ下さいませ。はい、猫サイトっすねw。ちまちま作ってました。
WEBサイト画面最下部のココからどうぞ。
【Last.fm関連記事はこちら】
- Last.fmで長年溜め込んだ膨大なScrobbleデータがSpotify対応して家でもモバイルでも超幸せな音楽生活が可能になる！でも日本はまだよ
- Last.fmでScrobbleしたデータから様々なあなた自身の分析結果がわかります
- iPhoneアプリ Drool Radioいいね！おっと、Last.fmに新サービスが出ているよ！
【その他音楽サービス関連記事はこちら】
- GroovesharkのVIPユーザーになってみた Last.fmとどう連携して、どうGOODな曲をRecommendしてくれるのか楽しみである
- This is my JAMというシンプルな音楽サービス
- turntable.fm 予想以上にオモシロ！タノシイ！Communication！
- SoundCloudを一週間程試してみたまとめ（ただし基本はレコメンドサービスとしての利用目的）
【NUJABES関連記事はこちら】