XVIDEOSのサムネイルURL

追記： この記事の内容をAPI化したよ！ http://erokenji.hatenablog.com/entry/2014/02/02/190129

---

今日は休みなので朝からXVIDEOS三昧…

最高の休日ですね！！

ところでXVIDEOSはみんな使ってると思うけど、サムネイルにマウスオーバーすると画像がどんどん切り替わるじゃないですか！

あれ、動画再生せずに内容を確認できるからいい感じだよね！！

今日の賢者タイムはそれについて調べてみたよ！

サムネイルを変更しているJavaScript

http://static.xvideos.com/v2/js/script-head.js?v=2

まず、サムネイルの切り替えを制御してるのはこのへん。

function thumbcastDisplayRandomThumb(content, ret) {
    var thumb = Math.floor((Math.random() * 600)) % 30 + 1;
    content = content.replace(/\.[0-9]+.jpg/, "." + thumb + ".jpg");
    content = content.replace(/THUMBNUM/g, thumb);
    if(ret)
        return content;
    document.write(content);  
}

マウスオーバーしてる時は1秒ごとにこれを呼び出して、新しい画像のURLを作ってるんですね！！

実際にはこういうURLが出力されるよ！ （エッチな画像だから注意して＞＜）

http://img100.xvideos.com/videos/thumbs/e6/cc/be/e6ccbe0c96d5c394b64e5963b5448372/e6ccbe0c96d5c394b64e5963b5448372.2.jpg

XVIDEOSではランダムにサムネイルを切り替えているんだね！　でも、ここの % 30 ってなんだろう？

var thumb = Math.floor((Math.random() * 600)) % 30 + 1;

これだと 1.jpg から 30.jpgまでが作られちゃうよね？　XVIDEOSはサムネイルを必ず30枚作るってこと？

ためしにさっきのURLで確認してみました！

こういうスクリプトを書いて...

#!/bin/bash
for i in {1..30};
do
    wget "http://img100.xvideos.com/videos/thumbs/e6/cc/be/e6ccbe0c96d5c394b64e5963b5448372/e6ccbe0c96d5c394b64e5963b5448372.$i.jpg" -O "$i.jpg";
    sleep 1;
done;

ダウンロードできた画像を確認すると...

（危ないのでモザイクかけました＞＜）

やっぱり！ 30枚サムネイルあるし、時系列になってるみたいだね！

たぶん、動画が投稿された時に等間隔で30フレーム取り出して、サムネイルにしてるんじゃないかな。

というわけで、XVIDEOSのサムネイルについてでした！　自分用エロサイト作ってる人には役立つハックじゃないかな！

thumbslll

ところで、Webインスペクタで見つけちゃったんだけど、このURLなに...！

http://img100.xvideos.com/videos/thumbslll/e6/cc/be/e6ccbe0c96d5c394b64e5963b5448372/e6ccbe0c96d5c394b64e5963b5448372.2.jpg

thumbsll ... ！ 今まで thumbs だったところに lll がついちゃってる！ しかもこの画像、大きい！

ということは、ひょっとして...

http://img100.xvideos.com/videos/thumbs/e6/cc/be/e6ccbe0c96d5c394b64e5963b5448372/e6ccbe0c96d5c394b64e5963b5448372.2.jpg http://img100.xvideos.com/videos/thumbsl/e6/cc/be/e6ccbe0c96d5c394b64e5963b5448372/e6ccbe0c96d5c394b64e5963b5448372.2.jpg http://img100.xvideos.com/videos/thumbsll/e6/cc/be/e6ccbe0c96d5c394b64e5963b5448372/e6ccbe0c96d5c394b64e5963b5448372.2.jpg http://img100.xvideos.com/videos/thumbslll/e6/cc/be/e6ccbe0c96d5c394b64e5963b5448372/e6ccbe0c96d5c394b64e5963b5448372.2.jpg

やっぱり！　thumbslll はサイズ指定なんだね！　LargeのLかな？

※ thumbsss とか thumbslllllとかも探したんですけど、ありませんでした＞＜

ここらへんのサムネイルをうまく使えば、自家発電がはかどりそうですね！