picotube プレイリスト登録 API
今日、picotube のプレイリスト登録 UI が変わったのですが、自分的には残念でした。
- 検索した画像の preview 中に Pod の曲が止まらなくなったので、曲が重なってうるさい
YouTube の URL を直入力出来なくなった。Youtube の検索 UI 好きなのでこっち使いたいけど、それが出来ない。何時の間にか URL 検索できるようになってました。操作ミスってたのかな。。
# 前者は「どうしてそうなった」状態ですが、後者はフィルタを付けたい都合があるのかな。
でも、これはもう、自分で登録 UI 作るしかないですよね。。。
JSON で POST すればよいだろうと思って調べたら、予想通りでした。
とても素直な作りで良いですね。
登録
[
{"author":"ramusesunisei","url":"http://www.youtube.com/watch?v=TYO3j3DsSY8&feature=youtube_gdata_player","title":"\u3053\u3069\u3061\u3083\u3000ed2\u3000\u30d1\u30cb\u30c3\u30af\uff01","is_playing":true,"thumbnail_url":"http://i.ytimg.com/vi/TYO3j3DsSY8/1.jpg","duration":"04:17","id":"TYO3j3DsSY8"},
{"author":"ketsuage18","url":"http://www.youtube.com/watch?v=-kJuc-NuvFg&feature=youtube_gdata_player","title":"Ichigo-Da - Demo / \u3044\u3061\u3054\u6253","is_playing":false,"thumbnail_url":"http://i.ytimg.com/vi/-kJuc-NuvFg/1.jpg","duration":"01:39","id":"-kJuc-NuvFg"},
{"author":"MartinXA22","url":"http://www.youtube.com/watch?v=CaaC0UUnw5g&feature=youtube_gdata_player","title":"\u64ab\u5b50 op","is_playing":false,"thumbnail_url":"http://i.ytimg.com/vi/CaaC0UUnw5g/1.jpg","duration":"01:32","id":"CaaC0UUnw5g"},
{"author":"thermometer11","url":"http://www.youtube.com/watch?v=mRiuyYD7eps&feature=youtube_gdata_player","title":"\u604b\u306f\u30c9\u30c3\u30b0\u30d5\u30a1\u30a4\u30c8","is_playing":false,"thumbnail_url":"http://i.ytimg.com/vi/mRiuyYD7eps/1.jpg","duration":"05:09","id":"mRiuyYD7eps"},
{"author":"rein238","url":"http://www.youtube.com/watch?v=M0IV-o-6V3w&feature=youtube_gdata_player","title":"[HD] \u795e\u69d8\u306e\u30e1\u30e2\u5e33 OP \u300c\u30ab\u30ef\u30eb\u30df\u30e9\u30a4\u300d \u9ad8\u97f3\u8cea full","is_playing":false,"thumbnail_url":"http://i.ytimg.com/vi/M0IV-o-6V3w/1.jpg","duration":"04:06","id":"M0IV-o-6V3w"},
{"author":"sunohara001","url":"http://www.youtube.com/watch?v=5Yax4uUAd_8&feature=youtube_gdata_player","title":"DANZEN!\u3075\u305f\u308a\u306f\u30d7\u30ea\u30ad\u30e5\u30a2","is_playing":false,"thumbnail_url":"http://i.ytimg.com/vi/5Yax4uUAd_8/1.jpg","duration":"03:33","id":"5Yax4uUAd_8"},
{"author":"hohoho921","url":"http://www.youtube.com/watch?v=lQE3rkN0az0&feature=youtube_gdata_player","title":"KOTOKO \u3055\u304f\u3089\u3093\u307c\u30ad\u30c3\u30b9 ~\u7206\u767a\u3060\u3082~\u3093~","is_playing":false,"thumbnail_url":"http://i.ytimg.com/vi/lQE3rkN0az0/1.jpg","duration":"04:27","id":"lQE3rkN0az0"}
]
曲削除
csrf=ea1e0b5aede76959aace0cb3xxxxxxxx&vid=TYO3j3DsSY8
csrf は HTML 本文で定義 (ユーザ情報と時間の md5 か sha1 から 8文字削った？)
(さすがに csrf を晒すのはアレなので、最後 8byte は xxxxxxx)
$().ready(function(){
var args = { "id" : '202016', "pod_key_id" : '202016', "is_private": false,
"name" : 'アニソン懐メロ', "description" : '懐かしのアニ曲', "owner_id" : '201011',
"viewer" : {"username":"yoya","fan_count":4,"point":19,"avatar":"1","id":201011,"pj_count":704},
"pjs" : [{"username":"yoya","fan_count":4,"point":19,"avatar":"1","id":201011,"pj_count":704},null,null,null,null],
"members" : [{"username":"yoya","fan_count":4,"point":19,"avatar":"1","id":201011,"pj_count":699}],
"awesome" : [], "lame" : [], "friends" : [], "followingsIndex" : [182021,223071,32001,276002],
"video_quality" : 'default', "pj_require_points" : 0, "chat_history" : undefined,
"csrf" : 'ea1e0b5aede76959aace0cb3xxxxxxxx', "invite_remaining" : 5,
"isPJChatOnly" : false, "user_language" : 'ja'
}
Pod.init(args);
});
ユーザ情報 (蛇足)
{"username":"yoya","fan_count":4,"point":19,"avatar":"1","id":201011,"pj_count":706}
更に蛇足
シアター画像が３種類しかありませんが、roomImage src に画像バイナリを data schema で渡せば好きな画像に差し替えられます。
素晴らしいシステムです。画像 URL が気になる。
yoya$ nslookup cdn.picotube.tv Server: 192.168.1.1 Address: 192.168.1.1#53 Non-authoritative answer: cdn.picotube.tv canonical name = d3ad9sghs35ono.cloudfront.net.
