タグ「action stream」 の検索結果(1/1)

2009年6月15日

[web] Action Stream でニコニコ動画やyoutubeのサムネイルを表示する。

素敵なエントリーを見つけたのでいじってみた。

ActionStreamのlinkフィールドからサムネイルをでっちあげる。

サムネがリンクになってなかったので試行錯誤しながら色々いじってみた。

<mt:If tag="StreamActionThumbnailURL">
<div class="picture external-img-off">
<a rel="external" href="<$mt:StreamActionVia$>">
<img alt="<$mt:StreamActionTitle$> のサムネイル" src="<$mt:StreamActionThumbnailURL$>" />
</a>
</div>
</mt:else>
<mt:setvarblock name="link"><mt:StreamActionURL /></mt:setvarblock>
<mt:setvarblock name="thumb"><mt:include module="URL2Image" url="$link" trim="1" /></mt:setvarblock>
<mt:if name="thumb">
<div class="picture external-img-off">
<a rel="external" href="<mt:var name="link" />">
<img alt="<$mt:StreamActionTitle$> のサムネイル" src="<mt:var name="thumb" />" />
</a>
</div>
</mt:if>
</mt:if>

class は外部リンクのアイコン消したりなのでお気になさらず。
StreamActionThumbnailURLができない場合は、URL2Imageを使って表示ってことにしたいんだけど、こーいうやり方でいいんだろうか、知らんことやるのは骨が折れる。

ちなみに URL2Image はそのままだと、ニコ動のnm動画のサムネが表示されないので、sm の部分を (?:sm|nm) に変えてみた。
これでいいのかどうかとかマジでわからん、でもとりあえず無事動いたからいいや。
[sn]m がスマート?みたいです。修正。

<mt:setHashVar urls>
<mt:setvar youtube value="http\://[^\.\/]+\.youtube\.(jp|com)/watch\?v=([0-9a-zA-Z\-]{11})","http://img.youtube.com/vi/$2/default.jpg" />
<mt:setvar niconico value="^http\://www\.nicovideo\.jp/watch/(?:sm|nm)([0-9]{1,9})","http://tn-skr2.smilevideo.jp/smile?i=$1" />
<mt:setvar amazon value="^http\://www\.amazon\.(?:co\.jp|com)/.*(?:ASIN|product-description|product|dp)/([^/]+)(?:/.*)*","http://images.amazon.com/images/P/$1.09._THUMBZZZ_.jpg" />
</mt:setHashVar>
<mt:loop urls>
<mt:setVarBlock check><mt:getVar var="__value__[0]"></mt:setVarBlock>
<mt:setVarBlock pattern>/<mt:getVar var="__value__[0]">/</mt:setVarBlock>
<mt:setVarBlock replace><mt:getVar var="__value__[1]"></mt:setVarBlock>
<mt:if url like="$check"><mt:var url regex_replace="$pattern","$replace"></mt:if>
</mt:loop>

ニコ動だけサムネイルでひっぱってくる URL にどっかで大量の空白文字が追加されてるみたいで lint に怒られる。
trimモディファイア なんてものがあるそうです!これにてスッキリ☆

マイリスの自分のコメントも引っ張ってきて表示したいんだけど、Xpath ってのもよくわからん。
こっちの人たちは凄いな、文系には頭が痛いです。

ちなみに現在こんなカンジ

仕事が落ち着いたらいじろう。

関連する記事:4件