アートプロジェクトのhtmlキャンバスの出力をフールメディアプレーヤーで再生する

Question

私は360度のビデオドームに写真の万華鏡効果を投影するインタラクティブアートインスタレーションを構築しています。インタラクティブな部分については、HTMLキャンバス要素に出力を送るJavascriptを使用する予定です。これは魅力のように機能します。

解決する必要がある次の問題は、このHTMLキャンバス要素をビデオプレーヤーに取り込むことです。ストリームを再生するためにビデオプレーヤーをだますことができますが、ディスク上のプレーンなビデオファイルだと思っているのですか？

私は（残念なことに）ビデオの再生のためのWindows 10マシンにバインドされています。

Answer 1

<canvas>は、captureStream()メソッドをサポートします。これは執筆時点ではまだ実験的なので、ブラウザの互換性を最初に確認してください。

var stream = canvas.captureStream(25); // 25 fps frame-rate 

ストリームをWebRTCとのピア接続に送信できます。

Example | Source | Tutorials