我可以根據CANVAS元素內容的快照創建視頻嗎？

Question

我寫了一個HTML5應用程序，它可以在運行時計算圖形並將它們顯示在canvas元素中。

我認爲這個問題的答案可能是「否」，但我想知道是否有某種編程方式讓我的HTML5應用程序拍攝一系列這些圖像並將它們轉換爲視頻文件，例如像一個mpeg。

換句話說，據我所知，HTML5提供了video標籤來將視頻嵌入到網頁中，但是它可以用來在運行時創建視頻嗎？

Answer 1

video元素僅播放（解碼） - 它不會進行編碼。

但是......

如果用戶的瀏覽器支持WebM（鉻，歌劇，FF，IE瀏覽器的現代版本），那麼你可以使用夾擊編碼在客戶端的一個.webm的視頻文件。這裏有一個博客帖子創建者是antimatter15：

http://antimatter15.com/wp/2012/08/whammy-a-real-time-javascript-webm-encoder/

無獨有偶，antimatter15還創建了一個客戶端.gif注意編碼器。如果您只將有限數量的圖像串在一起，則可能會考慮使用動畫.gif而不是對整個視頻進行編碼。這裏是antimatter15的代碼能在一系列畫布圖紙複製到一個.gif動畫：

https://github.com/antimatter15/jsgif

祝你的項目！