將HTML5畫布序列轉換爲視頻文件

Question

我想將HTML5畫布中的動畫轉換爲可以上傳到YouTube的視頻文件。是否有任何類型的屏幕捕獲API或可以讓我以編程方式執行此操作？

Answer 1

存在着號稱使用JavaScript從劇照產生WEBM視頻的打擊庫：
http://antimatter15.com/wp/2012/08/whammy-a-real-time-javascript-webm-encoder/

需要注意的是有侷限性（如所預期）。該編碼器基於webp圖像格式，目前僅支持Chrome瀏覽器（也許是新的Opera，但我沒有選中）。這意味着你不能在其他瀏覽器中編碼，除非你找到一種方法來編碼你想用作webp圖像的圖像（見this link尋找可能的解決方案）。

除此之外，無法使用本機瀏覽器API使用JavaScript和畫布從圖像創建視頻文件。

Answer 2

這應該可以幫助，它可以讓你丟棄被轉換成HTML5畫布，然後轉換成WebM視頻部分圖片：http://techslides.com/demos/image-video/create.html

Answer 3

Firefox有一個實驗性的功能（默認禁用）被稱爲HTMLCanvasElement.captureStream（ ）

本質上它將畫布元素捕獲爲視頻流，然後可以使用RTCPeerConnection（）將其發送到另一臺計算機，或者也可以使用YouTube直播流API直接進行流式處理。

參見：https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/captureStream

另外：https://developers.google.com/youtube/v3/live/getting-started