HTML5ビデオピクセル追跡
-
25-10-2019 - |
質問
私は一般的に、HTML(そして高度な合成操作を行う)をHTML5ネイティブビデオにオーバーレイすることは問題ではないことを知っています。たとえば、ブラウザで、グリーンスクリーンをリアルタイムでキーインすることでクールなトリックを見てきました。
しかし、私がまだ見ていないのは、おそらくピクセルレベルで、ビデオ内コンテンツを追跡し、合成されたオーバーレイを修正するものです。基本的にモーショントラッキング。良い例は、拡張現実のようなアプリです(ただし、簡単にするためには、ライブビデオではなく、オンデマンドビデオでオーバーレイを拡張するとします)。
HTML5ビデオオーバーレイ(輸送制御以外)のフレームワークは、このようなプロジェクトを見たことがありますか?
解決
Canvasタグを使用してビデオのインスタンスをキャプチャすると、ビデオのピクセルレベル情報を取得できます。その後、モーショントラッキングを検出できます。 HTML5の仕事は、ピクセルの情報を手に入れることができるかもしれません。
そして、すべてのブラウザでサポートされている一般的なビデオ形式がないため、HTML5ビデオタグのこのようなフレームワークスは見つかりませんでした...
他のヒント
CanvasタグビデオモードはiOSでサポートされていません。
WirewaxはそのためにオープンAPIを構築しました。 iPhoneでも非常にうまく機能します。
所属していません StackOverflow