2013-01-09 65 views
0

有一個鑽石的視頻表示爲一系列圖像。這裏是鏈接:http://beta.jamesallen.com/#!/loose-diamonds/Round-cut/0.70-carat-K-color-SI1-clarity-Very-Good-cut-sku-163685。如果詢問有關憑證,您可以使用[email protected]/hello作爲登錄名/密碼。在網頁上獲取視頻的幀

視頻通過一些棘手的JS顯示在canvas元素內。我沒有足夠的經驗去通過這個控制JS。我想要的是:

  • 找出以什麼幀率顯示此視頻。它是25 fps?
  • 獲取底層圖像序列。

我需要你的幫助完成這些任務。

+0

打開它的一些見解鉻,F12,資源,框架,網站,圖像 –

+0

@AlexK。那很棒!有沒有辦法批量保存所有這些圖像? – Mikhail

回答

1

你必須在<canvas>元素顯示在資源文件夾:

<canvas id="diamond_s1" class="diamondCanvas" style="display: block;" 
setfolder="Sets/Diamond/$number/sets/" width="473" height="375"></canvas> 

你必須獲得該文件夾的路徑,然後你應該能夠作出要求,你可以在選項卡網看到的網址包含上一個目錄並結束的Chrome with set[number].txt

這些url按幀編碼爲bsae64數據圖像返回整個視頻幀。你會得到很多data:image/jpeg;base64,,接着是base64圖像。這是你必須得到和JPEG通過簡單的base64解碼轉換圖像幀

你必須找出其中爲了他們正在採取,但JSON爲您提供有關

+0

我的解決方案存在問題:鏈接http://cdn2.jamesallen.com/Sets/Diamond/163685/sets/set11.txt是最後一個工作鏈接,鏈接是http://cdn2.jamesallen.com /Sets/Diamond/163685/sets/set12.txt給出了一個例外。但是,視頻中有更多的11個圖像。其餘的框架在哪裏? – Mikhail

+0

哦,我明白了,每個文件都不是一個編碼,而是一對圖像。現在需要弄清楚如何提取所有這些。 – Mikhail

+0

哦,他們只是在逗號分隔的列表中。非常感謝你的幫助! – Mikhail