エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
WebRTCで顔認識+バーチャル背景 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
WebRTCで顔認識+バーチャル背景 - Qiita
agoraがよくわかる!無料セミナー実施中!> zoomのバーチャル背景がバズっていますが、WebRTCでも顔認識... agoraがよくわかる!無料セミナー実施中!> zoomのバーチャル背景がバズっていますが、WebRTCでも顔認識や体の認識ができるOSSがあるので試してみました。 今回は顔だけ認識させて、顔の部分だけ映像として生成するサンプルになります。 ブラウザで顔+体を認識させるには処理能力的に限界がありそうで、実質顔だけ認識させるのが現実的な実装のように思います。 利用するライブラリ 今回、顔の認識についてはpico.jsを利用しました。 その他にはclmtrackrもよく知られているようです。 完成イメージ canvasの背景として画像をセットし、顔認識できた範囲に対して円でくり抜きをしています。 サンプルコードはこちらに公開しています。 コードの説明 主なポイントは4つです。 ・Webカメラの映像をcanvasに描画 ・カメラ映像を解析 ・顔の範囲を円でくり抜き ・配信する映像ソースとして設定