問題タブ [chromakey]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
svg - SVG フィルター feMatrixColor を使用した HTML ページのクロマキー
ウェブページのウェブカメラから表示される緑色のピクセルを透明なピクセルに変換するために、リアルタイムのクロマキーを実装しています。
私が見つけた SVG フィルターは非常に強力に思えますが、その使用方法についてはまだよくわかりません。
SVG の feMatrixColor フィルター: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feColorMatrix
私がやろうとしていることに近いこの例https://codepen.io/iamschulz/pen/MmxdMQを見つけました。
アプリケーションのロード時に色を調整する必要があり、そのためには一致するカラー マトリックスを生成する必要があります。
上記は、定義された緑色のアルファがゼロに設定されている例です。完全なリファレンスとしては使用しませんが、機能します。さらに、最後の列がレンダリングで多くのことを行っていることに気付きましたが、その役割がわかりませんでした。最終結果の品質は、この値によって大きく異なります。
入力で選択した色を含むマトリックスを返す関数を作成したいのですが、そのマトリックスの背後にあるロジックがわかりません。
ffmpeg - ffmpegを使用してゲーム画面を記録しながら透明なキーボードを表示するクロマキーフィルター
このような透明なキーボードを表示しようとしています (彼は OBS スタジオを使用しています): https://www.youtube.com/watch?v=6RCXyh2aICY
そこで、文字を除くすべての「NohBoard v1.2.2」の色を緑 (0x00FF00) に設定します。
これまでのところすべてうまく機能していますが、これに 1 つのコマンドを使用できますか?