HTML5 キャンバスのアニメーションを、YouTube にアップロードできるビデオ ファイルに変換したいと考えています。プログラムでこれを行うことができるスクリーンキャプチャAPIまたは何かがありますか?
6 に答える
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
JavaScript を使用して静止画から webm ビデオを生成すると主張する whammy ライブラリが存在します:
http://antimatter15.com/wp/2012/08/whammy-a-real-time-javascript-webm-encoder/
制限があることに注意してください (予想どおり)。このエンコーダーは、現在 Chrome でのみサポートされている webp 画像形式に基づいています (おそらく新しい Opera でも確認していません)。これは、最初に webp 画像として使用する画像をエンコードする方法を見つけない限り、他のブラウザーでエンコードできないことを意味します (その解決策については、このリンクを参照してください)。
それ以上に、JavaScript を使用して画像からビデオ ファイルを作成し、ネイティブ ブラウザー API を使用してキャンバスを作成する方法はありません。
HTML5 CANVAS に変換されてから webm ビデオに変換されるいくつかの画像をドロップできます: http://techslides.com/demos/image-video/create.html