19

HTML5 キャンバスのアニメーションを、YouTube にアップロードできるビデオ ファイルに変換したいと考えています。プログラムでこれを行うことができるスクリーンキャプチャAPIまたは何かがありますか?

4

6 に答える 6

15

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

于 2016-05-07T08:15:15.787 に答える
12

JavaScript を使用して静止画から webm ビデオを生成すると主張する whammy ライブラリが存在します:
http://antimatter15.com/wp/2012/08/whammy-a-real-time-javascript-webm-encoder/

制限があることに注意してください (予想どおり)。このエンコーダーは、現在 Chrome でのみサポートされている webp 画像形式に基づいています (おそらく新しい Opera でも確認していません)。これは、最初に webp 画像として使用する画像をエンコードする方法を見つけない限り、他のブラウザーでエンコードできないことを意味します (その解決策については、このリンクを参照してください)。

それ以上に、JavaScript を使用して画像からビデオ ファイルを作成し、ネイティブ ブラウザー API を使用してキャンバスを作成する方法はありません。

于 2013-10-07T21:51:12.047 に答える
1

HTML5 CANVAS に変換されてから webm ビデオに変換されるいくつかの画像をドロップできます: http://techslides.com/demos/image-video/create.html

于 2015-03-31T01:10:43.120 に答える