我一直在使用HTML5視頻標籤,並且我想要實現一件事,我需要同時呈現視頻的不同部分的多個屏幕截圖,例如原始視頻下方的一組縮略圖。如何使用JavaScript獲取HTML5視頻的不同截圖?
到目前爲止,我已嘗試使用我在網上找到的各種方法,但至今沒有成功。
我想達到的目標是這樣的:http://open.bbc.co.uk/rad/demos/html5/rdtv/episode2/index.html
任何幫助,將不勝感激,謝謝提前。
我一直在使用HTML5視頻標籤,並且我想要實現一件事,我需要同時呈現視頻的不同部分的多個屏幕截圖,例如原始視頻下方的一組縮略圖。如何使用JavaScript獲取HTML5視頻的不同截圖?
到目前爲止,我已嘗試使用我在網上找到的各種方法,但至今沒有成功。
我想達到的目標是這樣的:http://open.bbc.co.uk/rad/demos/html5/rdtv/episode2/index.html
任何幫助,將不勝感激,謝謝提前。
這是不可能的。您無法訪問視頻流中的數據以從JavaScript獲取屏幕截圖。你必須做這個服務器端。
你有沒有試過「javaScript畫布快照」?
http://html2canvas.hertzen.com/
Can you take a "screenshot" of the page using Canvas?
Using HTML5/Canvas/JavaScript to take screenshots
也有 「無頭WebKit瀏覽器」,如果你想這是你的桌面& /或Node.jx
這些服務器上的半自動縮略圖可能是服務器端生成的。 – ZippyV 2012-04-24 11:37:33
它們肯定不是在客戶端播放視頻時生成的,因爲(1)它們在*整個視頻流加載之前都可用,(2)它們有自己的URI:http://open.bbc .co.uk /弧度/演示/ HTML5/rdtv/episode2/ingex.jpg – Quentin 2012-04-24 11:41:56