Amastagram

ブログにAmazonの商品への画像付きリンクを貼るための自分ツールをずいぶん昔にPHPで作っていたのですが、Amazonの規約が変わったのか動かなくなってしまっていました。
そのままPHPを修正して対応するのもつまらないので、勉強を兼ねてPythonで作り直しました。

ほんとはDjango等のフレームワークを使ってみたかったのですが、動かすサーバはこのブログとおなじくhetemlなのでフレームワークを使うのは無理です。
なので、生の？Pythonをカリカリ書いたのですが、Pythonは標準モジュール群が強力なのでベース部分はけっこうサクサクかけました。
Amazonから情報を引っ張ってくるのは、以下のブログからクラスを拝借しました。

PythonでAmazon Product Advertising APIを使う

取得したXMLは上記サイトにも紹介されているBeautifulSoupを使ってパースしました。
で、出来たサイトがAmastagramとなります。
なんか制作の後半はjavascript（jquery）ばっかりいじってた気がします。

・参考書籍

※webアプリ編はAmazonには無いですが、大きめの本屋（ジュンク堂とか）にはまだあります。
注文すれば買えました。

youtubeの検索

まずはyoutubeからキーワードで検索したデータを取得したいと思います。
これにはjsonやrss形式のデータとして取得できるAPIがyoutubeから提供されています。
デベロッパー ガイド: Data API プロトコル -

書かれているとおりに検索パラメータを設定してgdata.youtube.comへリクエストします。
Flash(acfionscript3)で扱うにはjson形式の方が楽だと思いますが、かなり大量の(ネストの深い)データが送られてくるので解析が結構厄介です。
ex:akb48というキーワードで検索した結果

これの解析用にjsonビュアー(エディタ)があると便利です。
http://jsonviewer.stack.hu/

取得したjsonデータからサムネイル一覧を表示するサンプルを作ってみました。

youtube api – wonderfl build flash online

動画ファイル(flv)の取得

上記のAPIから個々の動画のIDが取得できますが、youtubeから動画ファイル(flv)を取得するには別の（裏）APIを使います。
http://www.youtube.com/get_video_info?video_id=ビデオID

ビデオIDは検索APIで取得した個々のyoutubeへのURLから抜き出しました。
これをリクエストするとデータのかたまり(URI風味)が返ってきます。

fexp=904000&shortform=True&allow_embed=1&ad_host_tier=1085614&keywords=AKB48%E3%82%AA%E3%83%95%E3%82%A3%E3%82%B7%E3%83%A3%E3%83%ABYT%E3%83%81%E3%83%A3%E3%83%B3%E3%83%8D%E3%83%AB%2C%E3%83%98%E3%83%93%E3%83%BC%E3%83%AD%E3%83%BC%E3%83%86%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%2CAKB48%2CAKB%2CPV%2C%E5%A4%A7%E5%B3%B6%E5%84%AA%E5%AD%90%2C%E5%89%8D%E7%94%B0%E6%95%A6%E5%AD%90%2C%E7%AF%A0%E7%94%B0%E9%BA%BB%E9%87%8C%E5%AD%90%2C%E6%9D%BF%E9%87%8E%E5%8F%8B%E7%BE%8E%2C%E6%B8%A1%E8%BE%BA%E9%BA%BB%E5%8F%8B%2C%E9%AB%98%E6%A9%8B%E3%81%BF%E3%81%AA%E3%81%BF%2C%E5%B0%8F%E5%B6%8B%E9%99%BD%E8%8F%9C%2C%E6%9F%8F%E6%9C%A8%E7%94%B1%E7%B4%80%2C%E5%AE%AE%E6%BE%A4%E4%BD%90%E6%B1%9F%2C%E6%9D%BE%E4%BA%95%E7%8F%A0%E9%87%8C%E5%A5%88%2C%E6%9D%BE%E4%BA%95%E7%8E%B2%E5%A5%88%2C%E6%B2%B3%E8%A5%BF%E6%99%BA%E7%BE%8E%2C%E9%AB%98%E5%9F%8E%E4%BA%9C%E6%A8%B9%2C%E5%B3%AF%E5%B2%B8%E3%81%BF%E3%81%AA%E3%81%BF%2C%E5%B0%8F%E9%87%8E%E6%81%B5%E4%BB%A4%E5%A5%88%2C%E5%8C%97%E5%8E%9F%E9%87%8C%E8%8B%B1%2C%E7%A7%8B%E5%85%83%E6%89%8D%E5%8A%A0%2C%E4%BD%90%E8%97%A4%E4%BA%9C%E7%BE%8E%E8%8F%9C%2C%E6%8C%87%E5%8E%9F%E8%8E%89%E4%B9%83%2C%E4%BB%B2%E5%B7%9D%E9%81%A5%E9%A6%99%2C%E5%AE%AE%E5%B4%8E%E7%BE%8E%E7%A9%82%2C%E3%83%81%E3%83%BC%E3%83%A0A%2C%E3%83%81%E3%83%BC%E3%83%A0K%2C%E3%83%81%E3%83%BC%E3%83%A0B%2CSKE48&cafe_experiment_id=&fmt_url_map=35%7Chttp%3A%2F%2Fv2.lscache6.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRlJOUl9FSkNOOV9KSFZF%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D35%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3D57D90DF7001E8ED2DB059A6975490B405FE5FF2D.7D64AA17401DD3EBAF5B0A3E3D7AFF1299987607%26expire%3D1301234400%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%2C34%7Chttp%3A%2F%2Fv16.lscache8.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRlJOUl9FSkNOOV9KSFZF%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D34%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3D164BB4EFB44A54B1FB3765B66F346F62CE3A3B19.559CA335DC8339D0D2BAB3D2E644F2FB54BB46BD%26expire%3D1301234400%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%2C18%7Chttp%3A%2F%2Fv18.lscache8.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRlJOUl9FSkNOOV9KSFZF%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D18%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3D254D84294E4F8D68A269788C060E81F449CA5032.7632200AE7E393B6206FBE0C692B5BC0235D42C8%26expire%3D1301234400%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%2C5%7Chttp%3A%2F%2Fv22.lscache2.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRlJOUl9FSkNOOV9KSFZF%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D5%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3DA1748203968C1599BE0714FE0078E193B4B7ACF5.0C12FCFCFC260F767B3E14F4AD3BEC254D989802%26expire%3D1301234400%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347&allow_ratings=1&user_gender=m&cust_gender=1&track_embed=1&host_language=ja&cust_age=1003&gut_tag=%2F4061%2Fytunknown%2Fmain&fmt_list=35%2F854x480%2F9%2F0%2F115%2C34%2F640x360%2F9%2F0%2F115%2C18%2F640x360%2F9%2F0%2F115%2C5%2F320x240%2F7%2F0%2F0&author=AKB48&muted=0&ast=site_content&length_seconds=337&user_age=35&has_cc=False&ad_channel_code_overlay=invideo_overlay_480x70_cat10%2Cafv_overlay%2Cytps_default%2Cytel_embedded%2Cyt_mpvid_AASfcYTynvKO-t3z%2Cyt_cid_395520%2Cytexp_904000&ftoken=BMEhOBEQC8SQMoVNCVygJs5x08R8MTMwMTI5NjIxNw%3D%3D&mpvid=AASfcYTynvKO-t3z&sffb=True&ad_module=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fad-vflAK0aS4.swf&status=ok&watermark=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswf%2Flogo-vfl_bP6ud.swf%2Chttp%3A%2F%2Fs.ytimg.com%2Fyt%2Fswf%2Fhdlogo-vfloR6wva.swf&timestamp=1301209817&plid=AASfcYTyotzUMNNH&ad_host=ca-host-pub-9560003102968193&watch_ajax_token=OT2R7bUoNEmhvjheRGPVYvJBGb98MTMwMTI5NjIxNw%3D%3D&fmt_map=35%2F854x480%2F9%2F0%2F115%2C34%2F640x360%2F9%2F0%2F115%2C18%2F640x360%2F9%2F0%2F115%2C5%2F320x240%2F7%2F0%2F0&cid=395520&hl=ja_JP&ad_flags=0&afv=True&logwatch=1&endscreen_module=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fendscreen-vfliijCMI.swf&ad_eurl=http%3A%2F%2Fwww.youtube.com%2Fvideo%2FlkHlnWFnA0c&fmt_stream_map=35%7Chttp%3A%2F%2Fv2.lscache6.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRlJOUl9FSkNOOV9KSFZF%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D35%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3D57D90DF7001E8ED2DB059A6975490B405FE5FF2D.7D64AA17401DD3EBAF5B0A3E3D7AFF1299987607%26expire%3D1301234400%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%7C%7Ctc.v2.cache6.c.youtube.com%2C34%7Chttp%3A%2F%2Fv16.lscache8.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRlJOUl9FSkNOOV9KSFZF%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D34%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3D164BB4EFB44A54B1FB3765B66F346F62CE3A3B19.559CA335DC8339D0D2BAB3D2E644F2FB54BB46BD%26expire%3D1301234400%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%7C%7Ctc.v16.cache8.c.youtube.com%2C18%7Chttp%3A%2F%2Fv18.lscache8.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRlJOUl9FSkNOOV9KSFZF%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D18%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3D254D84294E4F8D68A269788C060E81F449CA5032.7632200AE7E393B6206FBE0C692B5BC0235D42C8%26expire%3D1301234400%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%7C%7Ctc.v18.cache8.c.youtube.com%2C5%7Chttp%3A%2F%2Fv22.lscache2.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRlJOUl9FSkNOOV9KSFZF%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D5%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3DA1748203968C1599BE0714FE0078E193B4B7ACF5.0C12FCFCFC260F767B3E14F4AD3BEC254D989802%26expire%3D1301234400%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%7C%7Ctc.v22.cache2.c.youtube.com&pyv_in_related_cafe_experiment_id=&avg_rating=4.09949757022&leanback_module=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fleanback_module-vflcVMkEi.swf&ad_logging_flag=1&vq=auto&targeting_video_doc_id=&token=vjVQa1PpcFOPYn1MXZhSuHyseixrHJok0Hpycfs0B_E%3D&thumbnail_url=http%3A%2F%2Fi1.ytimg.com%2Fvi%2FlkHlnWFnA0c%2Fdefault.jpg&ad_video_pub_id=ca-pub-6219811747049371&video_id=lkHlnWFnA0c&title=%E3%80%90PV%E3%80%91+%E3%83%98%E3%83%93%E3%83%BC%E3%83%AD%E3%83%BC%E3%83%86%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3+%2F+AKB48+%5B%E5%85%AC%E5%BC%8F%5D

もう何だか分からないデータなので&でsplitし、さらに=でsplitすると良い感じのobjectデータになります。

ftoken:8Kzm9UBF0QVJJFrf3XIdwyYuDnl8MTMwMTgxNTk2Nw%3D%3D
vq:auto
mpvid:AASf6ohyqG2kkUl5
targeting_video_doc_id:
sffb:True
track_embed:1
status:ok
host_language:ja
ad_module:http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fad-vflsLLPjn.swf
thumbnail_url:http%3A%2F%2Fi1.ytimg.com%2Fvi%2FlkHlnWFnA0c%2Fdefault.jpg
ad_video_pub_id:ca-pub-6219811747049371
watermark:http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswf%2Flogo-vfl_bP6ud.swf%2Chttp%3A%2F%2Fs.ytimg.com%2Fyt%2Fswf%2Fhdlogo-vfloR6wva.swf
video_id:lkHlnWFnA0c
fmt_list:35%2F854x480%2F9%2F0%2F115%2C34%2F640x360%2F9%2F0%2F115%2C18%2F640x360%2F9%2F0%2F115%2C5%2F320x240%2F7%2F0%2F0
token:vjVQa1PpcFOP8CA52yQIbIqCU7Ba3fO-MsgAFxBQbYk%3D
cust_age:1003
fmt_stream_map:35%7Chttp%3A%2F%2Fv2.lscache6.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRldQUF9FSkNOOV9PSlRJ%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D35%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3D35DDC2DD5775831756FA7E46049890EE2C306C88.941B2560FB8C53D8F6BB04D720ED949F4406F587%26expire%3D1301752800%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%7C%7Ctc.v2.cache6.c.youtube.com%2C34%7Chttp%3A%2F%2Fv16.lscache8.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRldQUF9FSkNOOV9PSlRJ%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D34%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3D316FD89E6B91F8952E8DCA58D7E5D0C7F40BBF7E.A023A3DC790668C3FC1FC298E472B72D208DDF7E%26expire%3D1301752800%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%7C%7Ctc.v16.cache8.c.youtube.com%2C18%7Chttp%3A%2F%2Fv18.lscache8.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRldQUF9FSkNOOV9PSlRJ%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D18%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3DB7744E4DC036A8401AC4807D087270E6495055FD.6101957B15997A7A287A20CCB66709E78C44F49D%26expire%3D1301752800%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%7C%7Ctc.v18.cache8.c.youtube.com%2C5%7Chttp%3A%2F%2Fv22.lscache2.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRldQUF9FSkNOOV9PSlRJ%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D5%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3D8EBE70874078CB033EC2E64D2A2788F75C2449C7.07DFD00BD1F715CE3CF790271B4EA447C8AC3D33%26expire%3D1301752800%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%7C%7Ctc.v22.cache2.c.youtube.com
allow_embed:1
plid:AASf6ohyquVulsGc
title:%E3%80%90PV%E3%80%91+%E3%83%98%E3%83%93%E3%83%BC%E3%83%AD%E3%83%BC%E3%83%86%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3+%2F+AKB48+%5B%E5%85%AC%E5%BC%8F%5D
gut_tag:%2F4061%2Fytunknown%2Fmain
timestamp:1301729567
author:AKB48
watch_ajax_token:TT9_MyGaIHAGRcpaj4GNuom446R8MTMwMTgxNTk2Nw%3D%3D
ad_host:ca-host-pub-9560003102968193
fmt_map:35%2F854x480%2F9%2F0%2F115%2C34%2F640x360%2F9%2F0%2F115%2C18%2F640x360%2F9%2F0%2F115%2C5%2F320x240%2F7%2F0%2F0
ad_host_tier:1085614
keywords:AKB48%E3%82%AA%E3%83%95%E3%82%A3%E3%82%B7%E3%83%A3%E3%83%ABYT%E3%83%81%E3%83%A3%E3%83%B3%E3%83%8D%E3%83%AB%2C%E3%83%98%E3%83%93%E3%83%BC%E3%83%AD%E3%83%BC%E3%83%86%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%2CAKB48%2CAKB%2CPV%2C%E5%A4%A7%E5%B3%B6%E5%84%AA%E5%AD%90%2C%E5%89%8D%E7%94%B0%E6%95%A6%E5%AD%90%2C%E7%AF%A0%E7%94%B0%E9%BA%BB%E9%87%8C%E5%AD%90%2C%E6%9D%BF%E9%87%8E%E5%8F%8B%E7%BE%8E%2C%E6%B8%A1%E8%BE%BA%E9%BA%BB%E5%8F%8B%2C%E9%AB%98%E6%A9%8B%E3%81%BF%E3%81%AA%E3%81%BF%2C%E5%B0%8F%E5%B6%8B%E9%99%BD%E8%8F%9C%2C%E6%9F%8F%E6%9C%A8%E7%94%B1%E7%B4%80%2C%E5%AE%AE%E6%BE%A4%E4%BD%90%E6%B1%9F%2C%E6%9D%BE%E4%BA%95%E7%8F%A0%E9%87%8C%E5%A5%88%2C%E6%9D%BE%E4%BA%95%E7%8E%B2%E5%A5%88%2C%E6%B2%B3%E8%A5%BF%E6%99%BA%E7%BE%8E%2C%E9%AB%98%E5%9F%8E%E4%BA%9C%E6%A8%B9%2C%E5%B3%AF%E5%B2%B8%E3%81%BF%E3%81%AA%E3%81%BF%2C%E5%B0%8F%E9%87%8E%E6%81%B5%E4%BB%A4%E5%A5%88%2C%E5%8C%97%E5%8E%9F%E9%87%8C%E8%8B%B1%2C%E7%A7%8B%E5%85%83%E6%89%8D%E5%8A%A0%2C%E4%BD%90%E8%97%A4%E4%BA%9C%E7%BE%8E%E8%8F%9C%2C%E6%8C%87%E5%8E%9F%E8%8E%89%E4%B9%83%2C%E4%BB%B2%E5%B7%9D%E9%81%A5%E9%A6%99%2C%E5%AE%AE%E5%B4%8E%E7%BE%8E%E7%A9%82%2C%E3%83%81%E3%83%BC%E3%83%A0A%2C%E3%83%81%E3%83%BC%E3%83%A0K%2C%E3%83%81%E3%83%BC%E3%83%A0B%2CSKE48
cid:395520
shortform:True
hl:ja_JP
ad_flags:0
afv:True
muted:0
endscreen_module:http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fendscreen-vflYjC_7j.swf
ast:site_content
fexp:904000
ad_eurl:http%3A%2F%2Fwww.youtube.com%2Fvideo%2FlkHlnWFnA0c
length_seconds:337
fmt_url_map:35%7Chttp%3A%2F%2Fv2.lscache6.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRldQUF9FSkNOOV9PSlRJ%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D35%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3D35DDC2DD5775831756FA7E46049890EE2C306C88.941B2560FB8C53D8F6BB04D720ED949F4406F587%26expire%3D1301752800%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%2C34%7Chttp%3A%2F%2Fv16.lscache8.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRldQUF9FSkNOOV9PSlRJ%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D34%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3D316FD89E6B91F8952E8DCA58D7E5D0C7F40BBF7E.A023A3DC790668C3FC1FC298E472B72D208DDF7E%26expire%3D1301752800%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%2C18%7Chttp%3A%2F%2Fv18.lscache8.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRldQUF9FSkNOOV9PSlRJ%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D18%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3DB7744E4DC036A8401AC4807D087270E6495055FD.6101957B15997A7A287A20CCB66709E78C44F49D%26expire%3D1301752800%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347%2C5%7Chttp%3A%2F%2Fv22.lscache2.c.youtube.com%2Fvideoplayback%3Fsparams%3Did%252Cexpire%252Cip%252Cipbits%252Citag%252Calgorithm%252Cburst%252Cfactor%252Coc%253AU0hPRldQUF9FSkNOOV9PSlRJ%26fexp%3D904000%26algorithm%3Dthrottle-factor%26itag%3D5%26ipbits%3D0%26burst%3D40%26sver%3D3%26signature%3D8EBE70874078CB033EC2E64D2A2788F75C2449C7.07DFD00BD1F715CE3CF790271B4EA447C8AC3D33%26expire%3D1301752800%26key%3Dyt1%26ip%3D0.0.0.0%26factor%3D1.25%26id%3D9641e59d61670347
logwatch:1
cust_gender:1
user_age:35
pyv_in_related_cafe_experiment_id:
avg_rating:4.09653092006
ad_channel_code_overlay:invideo_overlay_480x70_cat10%2Cafv_overlay%2Cytps_default%2Cytel_embedded%2Cyt_mpvid_AASf6ohyqG2kkUl5%2Cyt_cid_395520%2Cytexp_904000
allow_ratings:1
user_gender:m
leanback_module:http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fleanback_module-vflAPy5OS.swf
has_cc:False
ad_logging_flag:1

この中のfmt_stream_mapにflvまでのurlが入っていますので、URLエンコードしたものを抜き出してみます。

0:35|http://v2.lscache6.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Calgorithm%2Cburst%2Cfactor%2Coc%3AU0hPRldQUF9FSkNOOV9PSlRJ&fexp=904000&algorithm=throttle-factor&itag=35&ipbits=0&burst=40&sver=3&signature=35DDC2DD5775831756FA7E46049890EE2C306C88.941B2560FB8C53D8F6BB04D720ED949F4406F587&expire=1301752800&key=yt1&ip=0.0.0.0&factor=1.25&id=9641e59d61670347||tc.v2.cache6.c.youtube.com
1:34|http://v16.lscache8.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Calgorithm%2Cburst%2Cfactor%2Coc%3AU0hPRldQUF9FSkNOOV9PSlRJ&fexp=904000&algorithm=throttle-factor&itag=34&ipbits=0&burst=40&sver=3&signature=316FD89E6B91F8952E8DCA58D7E5D0C7F40BBF7E.A023A3DC790668C3FC1FC298E472B72D208DDF7E&expire=1301752800&key=yt1&ip=0.0.0.0&factor=1.25&id=9641e59d61670347||tc.v16.cache8.c.youtube.com
2:18|http://v18.lscache8.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Calgorithm%2Cburst%2Cfactor%2Coc%3AU0hPRldQUF9FSkNOOV9PSlRJ&fexp=904000&algorithm=throttle-factor&itag=18&ipbits=0&burst=40&sver=3&signature=B7744E4DC036A8401AC4807D087270E6495055FD.6101957B15997A7A287A20CCB66709E78C44F49D&expire=1301752800&key=yt1&ip=0.0.0.0&factor=1.25&id=9641e59d61670347||tc.v18.cache8.c.youtube.com
3:5|http://v22.lscache2.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Calgorithm%2Cburst%2Cfactor%2Coc%3AU0hPRldQUF9FSkNOOV9PSlRJ&fexp=904000&algorithm=throttle-factor&itag=5&ipbits=0&burst=40&sver=3&signature=8EBE70874078CB033EC2E64D2A2788F75C2449C7.07DFD00BD1F715CE3CF790271B4EA447C8AC3D33&expire=1301752800&key=yt1&ip=0.0.0.0&factor=1.25&id=9641e59d61670347||tc.v22.cache2.c.youtube.com

,でsplitしてみると４つデータが取得出来ますが、まだurlとしては使えません。
更に|でsplitするとようやっとflvのURLが取得出来ます。

http://v2.lscache6.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Calgorithm%2Cburst%2Cfactor%2Coc%3AU0hPRldQUF9FSkNOOV9PSlRJ&fexp=904000&algorithm=throttle-factor&itag=35&ipbits=0&burst=40&sver=3&signature=35DDC2DD5775831756FA7E46049890EE2C306C88.941B2560FB8C53D8F6BB04D720ED949F4406F587&expire=1301752800&key=yt1&ip=0.0.0.0&factor=1.25&id=9641e59d61670347

ただこのflvはクロスドメイン許可されていませんので取得は出来ますが、Flash内で使用してもローカルでしか動かせませんorz
さらにyoutubeから提供されているAPIを使って専用のswfをロードすれば、Flash内で再生だけでなく、bitmap等も直接取得することができるようです。
というわけで、全く意味の無い発表だったのですが、flvを直接取得して色々とゴニョゴニョしたい人はこれで色々できますね笑

当日に発表したコンテンツl※FDT／FBプロジェクト
youtubeapi

ボロノイ使った画像エフェクトとしてはPhotoshopのステンドグラスフィルタがあります。
あれはある程度の間隔を保ったランダムなボロノイ母点を用意して、あとはボロノイ図生成のアルゴリズムさえあれば、比較的簡単に実現する事ができます。
しかし、それをそのまま再現してもあまり面白くないので別の方法を考えました。

今回は画像のエッジに注目して、エッジ周辺は細かいボロノイ領域で描画し、それ以外の画像の変化が緩やかな箇所は大きなボロノイ領域で描画する事が出来ないだろうか？と模索しました。
ちょうど点描画を描くようなイメージです。
まずは画像のエッジ抽出ですがこれは2値化グレースケールエッジ検出にあったアルゴリズムをそのまま頂きました。
グレースケール化→ノイズ除去→2値化→エッジ抽出という順番で画像にエフェクトをかけていきますが、2値化の時点で閾値を変えたものをそれぞれエッジ抽出して最後にそれらの画像を副数枚重ね合わて1枚の画像にしました。

この時点でなんか面白かったので、副産物的に出来たwonderflがコレ。

次にエッジ周辺は細かく、それ以外ではおおざっぱにボロノイ図を描く方法ですが、これは以下のように考えました。

• エッジ抽出した画像を走査してエッジ部分の座標群とそれ以外の座標群にわける。
• あるエッジ以外の座標からエッジの座標までの距離を求め、最小距離のものを保存。
• ボロノイ母点をエッジ以外の座標群から求めるが、座標毎に保存したエッジまでの距離を元に出現確率を変化させる。

要は、エッジまでの距離が近い座標ほど高確率で出現させる、ということです。
最初に思いついたとき「俺天才じゃね？！」とか思いましたが、まあ普通に画像処理の教科書にあると思います。
で、ボロノイ母点のみを描画したものがコレです（母点数1800）

このボロノイ母点を元にボロノイ図を描画するのですが、自身が使っていたアルゴリズムではボロノイ領域内を任意の色で塗りつぶすのが上手くいかなかったため、kndさんのもっちりボロノイ図のアルゴリズムを使わせてもらいました（fork元です）
このおかげで実家の風呂場の模様というタグを頂くことができました。もっちり！

本当はGenerative GestaltungにあるSegmentation and Symtpom [S.017]のようなモノクロでのアプローチを考えていたのですが、画像の大きさ、as3の処理能力の限界などで表現に限界があり諦めました。

インタラクティブのイの字もなくほんとにFlasherか！という感じで申し訳ないですが、ボロノイ図の描画は母点数が1000を超えるとFlashでリアルタイムに動かすのがキツイのでopenFramework等にベタ移植してwebカメラと連携とかしてみたりとかしたいです。

ソース（zip）
・DoTextAnimation.as
※別途BetweenAS3ライブラリが必要です。

以下、サンプルと使用例のasです。

package {
	import jp.progression.commands.lists.LoopList;
	import org.libspark.betweenas3.easing.Expo;
	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.text.TextField;

	/**
	 * @author fumix
	 */
	 [SWF(backgroundColor="#FFFFFF", frameRate="30", width="200", height="25")]
	public class Sample extends MovieClip {
		private var tf : TextField;

		public function Sample() {
			addEventListener(Event.ADDED_TO_STAGE, _initialize);
		}

		private function _initialize(event : Event) : void {
			tf = new TextField();
			tf.x = tf.y = 5;
			addChild(tf);
			var loop:LoopList = new LoopList();
			loop.addCommand(
				new DoTextAnimation(tf, "Hello World!!","welcome to www.planet-ape.net!",
					{
						step: 4,
						time: 3,
						characters: "0123456789-#",
						transition: Expo.easeInOut
					}),
				new DoTextAnimation(tf, "welcome to www.planet-ape.net!","Hello World!!",
					{
						step: 4,
						time: 3,
						delay: 1,
						//characters: "0123456789-#",
						transition: Expo.easeInOut
					})
			);
			loop.execute();
		}
	}
}

LoopList内に2つDoTextAnimationを設置してループさせています。
第1引数が対象となるTextField、第2引数が変化前のテキスト、第3引数が変化後のテキストとなり、この3つは必須です。
それ以降のObjectはプロパティ名から何となく分かると思います（ぉ）。
Objectは全くなくても動作します。

元ネタ：labs.hellokeita.com » TextAnimation
ゼロから実装できるほどas得意じゃないんで、元ネタ有りです。
はい、もうTextAnimationの元祖的な感じです。
元ネタはtransition自体も自力実装だったのですが・・・すいません、BetweenAS3使ってます。

自分で言うのもなんですが、なかなか良さげなコマンドができました。
初めてまともに使えそうなコマンドになったなあ、と。

ボロノイ図を描く方法はいくつかあるのですが、今回はFortune’s algorithmと呼ばれるアルゴリズムを用いて描画してみました。
・Fortune’s algorithm – Wikipedia, the free encyclopedia
・日本語の資料1（PDF）
・日本語の資料2（PDF）

Fortune’s algorithmは他のボロノイ図描画アルゴリズムに比べてかなり速く、800個程度の母点を設置してもfpsが落ちること無く動作します。
と偉そうに書いてますが、下記サイトにあったasをまるパクリしています。
・Controul > Speedy Voronoi diagrams in as3/flash

ぶっちゃけソースが追えません（ぇー）
識者の方に解説をお願いしたいです。

三角形の外接円を求めるのをどうしようかなー、連立方程式解くのめんどうだなあ・・・とtwitterでつぶやいたら、さくっと作っていただきました。
大感謝です。

FDTはEclipseのプラグインとしても動作しますので、あらかじめ日本語化したEclipseにプラグインとしてFDTを導入して日本語化する方法があります。
ex.FDT を日本語環境で使う手順 ( Mac OS X Snow Leopard の場合 ) | FDT | log.sncr.jp

しかしながら、すでにFDT単体として動かしている環境に入れたい！ということで、別の方法でいくことにしました。
以下手順を追って説明します。
ちなみにFDTは既にインストール済みとします。
※FDTのインストール方法（windows）

Pleiades（Eclipse日本語化プラグイン）の入手

Pleiades – Eclipse プラグイン日本語化プラグイン
上記サイトよりPleiadesプラグインをダウンロードします。

派手なボタンでダウンロードを促す「Pleiades All in One 日本語ディストリビューション」からダウンロードしてしまいがちなのですが、こちらはあくまで日本語化されたEclipseパッケージです。
手っ取り早く日本語化されたEclipseが欲しい場合はこちらがオススメですが、今回は既にあるFDTを日本語化するので上記画像の赤枠で囲まれたところからPleiadesプラグインのみをダウンロードします。

PleiadesをFDTに適用する

ダウンロードしたPleiadesを解凍すると上記のようなファイル構成となります（背景色キモいとかいうな）。
この中から赤枠で囲まれた2つのフォルダの中身をFDTをインストールしたフォルダ内の同名のフォルダにコピーします（下記画像参照）。

FDT 3.iniを編集する

上記はFDTをインストールしたフォルダです。
赤枠で囲ったFDT 3.iniを編集することでPleiadesを有効化させます。
ダウンロードしたPleiadesのreadmeフォルダ内にあるreadme_pleiades.txtに詳しい編集方法が記載されていますが、手っ取り早く、下記の一文をFDT 3.iniの末に追加してください。

-javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
(windowsの場合)

相対パスで指定する場合
-javaagent:../../../plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
絶対パスで指定する場合
-javaagent:/Applications/eclipse/plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar
(macの場合)

設定は以上で終了です。
FDTを立ち上げると日本語化されているはずです！
ちなみに、私の環境（windows）では最新のFDTである3.5betaでも日本語化に成功しましたが、一部エラーが出るとの話もあるようですので、あくまで自己責任でお願いします。
あ！もし失敗して環境が壊れてしまっても戻せるように必ずバックアップをとってたから作業をしてください！

ダウンロード

templates.zip

ファイルをダウンロードして解凍後、出来たxmlをPreferences＞Templates＞Importで読み込みます。
読み込まれるとTemplatesメニューの一覧に以下のように追加されます。

反転してるところが追加されたテンプレートです。
Descriptionが日本語とかありえねえwwwとかNameが変wwwとかの場合はEditボタンを押せば変更できますので好きなモノに変えると良いです。

FDと違って新規asファイル作成時にテンプレートを選ぶことはできません。
新規asファイルはクラスかインターフェイスしか作れませんので、クラスでとりあえずasファイルを作ります。
出来たクラスファイルから記述してあるモノをすべて消して、Nameで指定した文言（ex:pcastsprite）を打てば補完候補に出てきますので、選択するとProgressionのテンプレートがドバーっと書き出されます。
packageもclassもコントラクタも全部補完された形で生成されるので、非常に便利です。

FDと同じように新規作成時に自動で生成できると良いのですが・・・Antという仕組み（マクロみたいなもん？）を使えば出来そうなのですがAntをまだ分かっていないのでそこまできませんでした。

いっぱい出してみた

package {
	import flash.events.MouseEvent;

	import Box2D.Common.Math.b2Vec2;
	import Box2D.Dynamics.Joints.b2RevoluteJoint;

	import com.actionsnippet.qbox.QuickBox2D;
	import com.actionsnippet.qbox.QuickObject;

	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.text.TextField;
	import flash.text.TextFieldAutoSize;

	[SWF(width = 640, height = 480, backgroundColor = 0x222222, frameRate = 60)]

	/**
	 * @author fumix
	 */
	public class Main extends MovieClip {
		private var sim : QuickBox2D;
		private var objectArray:Array;
		private var debugTextField : TextField;

		/**
		 * コンストラクタ
		 */
		public function Main() {
			//ボタン設置
			var resetButtonText : TextField = new TextField();
			resetButtonText.selectable = false;
			resetButtonText.text = "リセット";
			resetButtonText.autoSize = TextFieldAutoSize.LEFT;
			resetButtonText.background = true;
			resetButtonText.backgroundColor = 0x666666;
			resetButtonText.border = true;
			resetButtonText.x = 20;
			resetButtonText.y = 20;
			addChild(resetButtonText);
			resetButtonText.addEventListener(MouseEvent.CLICK, onRestButtonClick);
			//テキストエリア設置
			debugTextField = new TextField();
			debugTextField.textColor = 0xFFFFFF;
			debugTextField.multiline = true;
			debugTextField.width = 200;
			debugTextField.height = 150;
			debugTextField.x = 20;
			debugTextField.y = 40;
			addChild(debugTextField);

			//QuickBox2D初期設定
			sim = new QuickBox2D(this);
			sim.setDefault({fillColor:0x000000, lineColor:0xCCCCCC});
			sim.createStageWalls();

			//オブジェクト10個生成
			objectArray = new Array();
			for (var i : int = 0; i < 10; i++) {
				objectArray.push(creatObject());
			}
			//各ジョイントの回転角度制限
			for (i = 0;i < objectArray.length;i++) {
				resetObject(objectArray[i]);
			}
			//各ジョイントの角速度設定
			for (i = 0;i < objectArray.length;i++) {
				setWalkDir(3,objectArray[i]);
			}

			//フレーム毎の動き
			addEventListener(Event.ENTER_FRAME, onLoop);
			//スタート
			sim.start();
			sim.mouseDrag();
		}

		private function onRestButtonClick(event : MouseEvent) : void {
			//各ジョイントの回転角度制限
			for (var i:int = 0;i < objectArray.length;i++) {
				resetObject(objectArray[i]);
			}
		}

		/**
		 * オブジェクトの生成
		 */
		private function creatObject() : Object {
			sim.setDefault({fillColor:0x000000, lineColor:0xCCCCCC});
			var legA : QuickObject = sim.addBox({x:20, y:5, width:1.5, height:0.3, groupIndex:-2});
			var legB : QuickObject = sim.addBox({x:20 + 1.3, y:5, width:1.5, height:0.3, groupIndex:-2});
			var legC : QuickObject = sim.addBox({x:20 + 1.3 * 2, y:5, width:1.5, height:0.3, groupIndex:-2});
			var legD : QuickObject = sim.addBox({x:20 + 1.3 * 3, y:5, width:1.5, height:0.3, groupIndex:-2});
			//ジョイントの設置
			sim.setDefault({type:"revolute"});
			var anchorX : Number = legA.x + (legB.x - legA.x) / 2;
			var anchorY : Number = legA.y;
			var revJointA : QuickObject = sim.addJoint({enableLimit:true, a:legA.body, b:legB.body, x1:anchorX, y1:anchorY, enableMotor:true, maxMotorTorque:80});

			anchorX = legB.x + (legC.x - legB.x) / 2;
			var revJointB : QuickObject = sim.addJoint({enableLimit:true, a:legB.body, b:legC.body, x1:anchorX, y1:anchorY, enableMotor:true, maxMotorTorque:80});

			anchorX = legC.x + (legD.x - legC.x) / 2;
			var revJointC : QuickObject = sim.addJoint({enableLimit:true, a:legC.body, b:legD.body, x1:anchorX, y1:anchorY, enableMotor:true, maxMotorTorque:80});

			return {a:legA,b:legB, c:legC, d:legD, jointA:revJointA, jointB:revJointB, jointC:revJointC};
		}

		private function resetObject(obj:Object) : void {
			var j : b2RevoluteJoint;
			var legA:QuickObject = obj.a;
			var legB:QuickObject = obj.b;
			var legC:QuickObject = obj.c;
			var legD:QuickObject = obj.d;
			var revJointA:QuickObject = obj.jointA;
			var revJointB:QuickObject = obj.jointB;
			var revJointC:QuickObject = obj.jointC;

			var angleA : Number = Math.PI * Math.random();
			j = revJointA.joint as b2RevoluteJoint;
			j.SetLimits(-angleA, angleA);

			var angleB : Number = Math.PI * Math.random();
			j = revJointB.joint as b2RevoluteJoint;
			j.SetLimits(-angleB, angleB);

			var angleC : Number = Math.PI * Math.random();
			j = revJointC.joint as b2RevoluteJoint;
			j.SetLimits(-angleC, angleC);

			debugTextField.htmlText = 'A:' + angleA * 180 / Math.PI;
			debugTextField.htmlText += 'B:' + angleB * 180 / Math.PI;
			debugTextField.htmlText += 'C:' + angleC * 180 / Math.PI;

			//速度をリセット
			var v : b2Vec2 = legA.body.GetLinearVelocity();
			v.Set();
			legA.body.SetLinearVelocity(v);
			legB.body.SetLinearVelocity(v);
			legC.body.SetLinearVelocity(v);
			legD.body.SetLinearVelocity(v);
			legA.setLoc(15, 5);
			legB.setLoc(15+1.3, 5);
			legC.setLoc(15+1.3*2, 5);
			legD.setLoc(15+1.3*3, 5);
		}

		private function onLoop(event : Event) : void {
			//setWalkDir(2);
			for (var i:int = 0;i < objectArray.length;i++) {
				repeatWalk(objectArray[i]);
			}
		}

		private function setWalkDir(dir : Number,obj:Object) : void {
			var j : b2RevoluteJoint;
			var revJointA:QuickObject = obj.jointA;
			var revJointB:QuickObject = obj.jointB;
			var revJointC:QuickObject = obj.jointC;

			j = revJointA.joint as b2RevoluteJoint;
			j.SetMotorSpeed(dir);
			j = revJointB.joint as b2RevoluteJoint;
			j.SetMotorSpeed(dir * -1);
			j = revJointC.joint as b2RevoluteJoint;
			j.SetMotorSpeed(dir);
		}

		private function repeatWalk(obj:Object) : void {
			var revJointA:QuickObject = obj.jointA;
			var revJointB:QuickObject = obj.jointB;
			var revJointC:QuickObject = obj.jointC;
			var j : b2RevoluteJoint;
			j = revJointA.joint as b2RevoluteJoint;
			if(j.GetLowerLimit() > j.GetJointAngle() || j.GetUpperLimit() < j.GetJointAngle()) j.SetMotorSpeed(j.GetMotorSpeed() * -1);
			j = revJointB.joint as b2RevoluteJoint;
			if(j.GetLowerLimit() > j.GetJointAngle() || j.GetUpperLimit() < j.GetJointAngle()) j.SetMotorSpeed(j.GetMotorSpeed() * -1);
			j = revJointC.joint as b2RevoluteJoint;
			if(j.GetLowerLimit() > j.GetJointAngle() || j.GetUpperLimit() < j.GetJointAngle()) j.SetMotorSpeed(j.GetMotorSpeed() * -1);
		}
	}
}

QuickBox2Dの練習

blog.alumican.net » Blog Archive » QuickBox2D はじめの第一歩
blog.alumican.net » QuickBox2D
上記した2エントリーが非常に参考になりました。

wonderflにもQuickBox2D採用されると物理シミュレーションもののFlashコンテンツが非常に手軽に作れるんですけどねー。