ハードウェア - Webカムの記事一覧
mewcam - 背景を取り去ったWebカメラ映像をデスクトップに表示
ソフトウェアやプログラミングの解説動画を作る際に、ワイプで自分の映像を流すことがあります。しかし、背景に不要なものが写ってしまうのが気になる人も多いでしょう。バーチャル背景を使う手もありますが、いっそ何もない方が気にならないはずです。そこで使ってみたいのがmewcamです。Webカメラの背景を消して、デスクトップに表示...
Speech to Text Webcam Overlay - Webカメラの映像に音声認識したテキストを追加表示
オンラインで会議をしている際に字幕を出してくれるととても助かります。特に海外の人たちのミーティングで、口元がよく見えなかったりすると字幕の有無で理解度、進めやすさがまったく変わってくるでしょう。今回紹介するSpeech to Text Webcam OverlayはWebカメラの映像に字幕を追加してくれるソフトウェアで...
Pose Animator - 顔や体の動きを2Dキャラクターに反映する
アニメを人のように動かそうと思った場合、従来は顔や体にマーカーを付けて動きを記録する必要がありました。しかし、今では機械学習を使って顔や体の動きを学べるようになっています。それによってアニ文字のような技術も生まれています。今回紹介するPose Animatorは顔や体の動きを2Dに再現するソフトウェアです。## Pos...
Avatarify - 写真1枚であの有名人になれちゃうアバター
ZoomやGoogle Meetなどを使ってオンラインでミーティングを行うことが増えてきました。会社によっては顔を見せないのを基本としているところもありますが、多くの場合は対面としてお互い安心感が得られるようにするようです。そんな中、場の雰囲気を和ませたいならば使ってみたいのがAvatarifyです。機械学習を使って顔...
EasyVTuberRel - 簡単にバ美肉を楽しんだり、VTuberになれる！
バ美肉を楽しんでみたいと思ったことはないでしょうか。普段の自分ではない、魅力的なキャラクターに扮した自分自身になってみたいと思ったことはないでしょうか。程度の差こそあれ、誰しも一度は考えたことがあるはずです。それをコスプレとして発憤できる人もいますが、多くの人にとっては敷居が高いはずです。そこで使ってみたいのがEasy...
Web Demo Suit - Webカメラの映像にスーツを着せる
コロナウイルスの影響により、リモートワークが行われるようになっています。開発者であれば思ったよりも影響がなかったり、むしろ通勤時間がなくなって仕事がしやすくなったという人も多いのではないでしょうか。そんな中、オンラインミーティングなどでは寝間着や変な格好で出られず、わざわざ着替えたりしているかも知れません。そんな方はW...
ASCII Roulette - アスキーアートを使ったビデオチャット
数年前にチャットルーレットというサービスが流行りました。そのサイトにアクセスすると、世界中にいる誰かとチャットができるというサービスです。誰に出会えるか分からないドキドキ感で、みんながアクセスしました。そんなチャットルーレットをターミナル上で再現したのがASCII Rouletteです。## ASCII Roulett...
jeelizGlanceTracker - 顔を認識して動画の再生/停止
YouTubeなどの動画を見ていて、人に呼ばれて離席している間に良い場面が過ぎてしまったなんて経験ないでしょうか。シークを戻せば良いですが、面倒ですよね。自分がいない時には自動的に再生が止まってくれると便利そうです。そこで使ってみたいのがjeelizGlanceTrackerです。顔を認識し、動画の再生や停止に利用する...
jeelizWeboji - Webカメラでアニ文字風
アニ文字はビデオチャットが普及しない日本ではあまり使われていませんが、VTuber的な遊びもできるので面白い技術です。しかし専用アプリを介してしか使えないので、利用のためには敷居が高い状態です。そこで使ってみたいのがjeelizWebojiです。Webカメラの映像を認識し、アニメに反映してくれるソフトウェアです。## ...
OpenCV.js WASM Web Worker Webpack Demo - WebAssebmlyによるOpenCV.js実装デモ
Web標準の進化は速く、どんどん新しい技術が出てきます。さらに、それらを使った開発を容易にするフレームワークやビルドライブラリも次々とトレンドが変わります。正直、ついていくのが大変な状況です。しかしそんな中だからこそ開発者は果敢にトライしていかなければなりません。今こそ試し、知見をためられるチャンスと言えるでしょう。今...
MediaStreamRecorder - Webで音声/動画を録画
HTML5ではWebカメラやマイクにアクセスできます。例えばWebチャットなどで使われたりしますが、ARに使ったりとアイディア次第で面白い使い方が考えられます。録音、録画だって可能です。今回紹介するMediaStreamRecorderはMediaRecorder APIを使った録音/録画が実装できます。## Medi...
videojs-record - Webカメラの映像を録画、保存
video.js
jeelizFaceFilter - Webカメラで使える顔認識&トラッキング
Webカメラやスマートフォンのカメラはリアルとデジタルの入り口です。そのため、写し出された映像を加工したり、そこにある情報を解析する類のソフトウェアはとても人気があります。スマートフォンアプリにある、動画チャットしながらリアルタイムに情報を付与する、それと同じことがWeb上でできるのがjeelizFaceFilterで...
FacePause - 顔を認識してYouTubeの再生/停止を制御
Webの進化が止まらないのと同様に、Webブラウザ自身もどんどん進化しています。新しく出てくるAPIを実装し、それらが徐々にWeb標準として使えるようになっていきます。こうしたAPIは広まらない可能性もありますが、試してみる価値は十分あります。今回はGoogle Chromeに実装されたFaceDetector API...
pico.js - わずか200行の顔認識プログラム
画像の中から抽出される情報として、最も多いのは人の顔ではないでしょうか。セルフィはもちろん、集合写真であったり、友達や家族と撮影した写真には必ず顔が存在します。顔を見つけることで、様々な情報と結びつけられるでしょう。今回紹介するpico.jsは、Webカメラから取り込んで人の顔を認識するコードをわずか200行で実現して...
Matrix Vision - Webカメラの映像をマトリックス風に
マトリックスと言えば黒バックに緑の文字が流れるシーンが有名です。あの文字は実は寿司のメニューだった、なんて話があります。コンソールっぽい雰囲気がデジタルの世界を感じさせるものになっています。そんなマトリックスの世界観をWebカメラを使ってリアルタイムに再現するのがMatrix Visionです。## Matrix Vi...
moziplayer - 動画/Webカメラの映像をアスキーアート化
videoタグを使えばWeb上で動画をそのまま再生するなんて簡単にできます。そんな簡単にできることをただやるだけでは面白くありません。その映像をリアルタイムに加工するのが面白いのです。そこで使ってみたいのがmoziplayerです。動画やWebカメラの映像をテキストアート化します。## moziplayerの使い方変換...
Temporalis - Webカメラの映像をスライスして描画
Webカメラの映像はHTMLからgetUserMediaで取り込むことができます。そのままvideoタグに当てはめたり、一部だけ切り出してCanvasや画像のソースに当てることも可能です。しかし見たまま使っても面白くありません。そこで一例としてTemporalisを紹介します。Webカメラの映像に面白い効果を施してくれ...
Diffy.js - JavaScriptでモーション検知
例えば監視カメラなどで、定常的に流れている情報を常に記録し続けると容量がどんどん大きくなってしまいます。そこで使われるのがモーション検知です。動きがあった時だけ記録するようにすれば容量が削減されます。Webカメラでモーション検知を可能にするのがDiffy.jsです。JavaScriptだけで実現できます。## Diff...
JpegCamera - Webカメラの映像を画像化
最近のノートPCではWebカメラが搭載されるのも当たり前になっています。そしてHTML5ではWebカメラから映像の取り込みが可能です（Safariはできませんが）。しかしなかなか活用事例は多くありません。そこにはWebカメラから取り込んだ映像を画像ファイル化したりするのが面倒という問題があります。そこで使ってみたいのが...