如何使用JavaScript拍攝HTML5視頻的不同屏幕截圖？

Question

我一直在使用HTML5視頻標簽，但是我想實現一件事，我需要同時呈現視頻不同部分的大量屏幕截圖，例如原始視頻下方的一組縮略圖。

到目前為止，我已經嘗試使用網上找到的各種方法，但到目前為止沒有成功。

我想要實現的是這樣的： http : //open.bbc.co.uk/rad/demos/html5/rdtv/episode2/index.html

任何幫助將不勝感激，在此先感謝。

Answer 1

您是否嘗試過“ javaScript畫布快照”？

http://html2canvas.hertzen.com/

您可以使用“畫布”對頁面進行“截屏”嗎？

使用HTML5 / Canvas / JavaScript截屏

如果您想通過Node.jx在台式機和/或服務器上半自動地使用“無頭Webkit瀏覽器”，

Answer 2

這是不可能的。 您無法訪問視頻流中的數據以從JavaScript中獲取屏幕截圖。 您必須在服務器端執行此操作。