JpegCamera - Webカメラの映像を画像化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近のノートPCではWebカメラが搭載されるのも当たり前になっています。そしてHTML5ではWebカメラから映像の取り込みが可能です（Safariはできませんが）。しかしなかなか活用事例は多くありません。 そこにはWebカメラから取り込んだ映像を画像ファイル化したりするのが面倒という問題があります。そこで使ってみたいのがJpegCameraです。 JpegCameraの使い方 JpegCameraのコード例は次の通りです。 var camera = new JpegCamera("#camera"); var snapshot = camera.capture(); snapshot.show(); // Display the snapshot captureを実行するとJPEG
Diff Cam Feed - Webカメラを使ったモーションディレクト&Twitter投稿
Webカメラを使うと手軽にセキュリティカメラを実現できます。大事なのは物体の動きがあった時にちゃんとそれを捉える機能と、その後どこかに通知する機能ではないでしょうか。 そんな機能を実現してくれるのがDiff Cam Feedです。Webカメラを使ってモーションディテクションを実現しつつ、スナップショットをTwitterに投稿します。 Diff Cam Feedの使い方 動作デモです。動かすとその差分が緑のドットで表現されます。 実際に動かしているところ。リアルタイムに解析されています。 モーションが判定されると、それが予め連携しているTwitterアカウントに投稿されます。自分のアカウントでも良いでしょうし、別なアカウントで監視目的に使っても良いのではないでしょうか。 Diff Cam Feedはnode/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明
WebGazer.js - WebカメラとJavaScriptによるアイトラッキングシステム MOONGIFT
ユーザテストでユーザの視線がどこに移動しているのかチェックするのは必要です。ただし、アイトラッキングシステムを使うのはとても複雑ですし、コストもかかります。手軽にするため、マウスのトラッキングで済ましてしまっているケースもあります。 そこで使ってみたいのがWebGazer.jsです。JavaScriptとWebカムを組み合わせてアイトラッキングを実現しています。 WebGazer.jsの使い方 使っているところ。顔が認識されているのが分かります。 目線をオレンジのボールに持っていくらしいのですが…なかなか思い通りには動きません。 WebGazer.jsの精度はまだまだ実用レベルではないですが、Webカメラを使うことで視線の動きが追えればアイトラッキングシステムを手軽に使えるようになるでしょう。テストはもちろん、視線を使った情報入力などにも応用できそうです。 WebGazer.jsはHTML
face to gif - Webカメラを使って簡単にアニメーションGIF作成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました アニメーションGIFを作る方法は幾つかありますが、多くの場合は動画を用意して、それを変換して作成します。すでに動画があればいいですが、イチから作成する際にスマートフォンを使ったりするのは面倒です。何よりスマートフォンは高画質なので動画のサイズが大きくなってしまいます。 そこで使ってみたいのがface to gifです。Webカメラを使うことでごく簡単にアニメーションGIFが作成できます。 face to gifの使い方 face to gifを表示したところです。Chromeなど、getUserMediaに対応したブラウザである必要があります。 レコードボタンを押して、停止すればアニメーションGIFが生成されます。 face to gifは外部の画像共有サービスにも投稿できます。W
レッツトライ！パーツまで認識できる顔認識·Face Tracker MOONGIFT
Face TrackerはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 OpenCVで人の顔を認識するデモは多数ありますが、さらに一歩進めて目、口、鼻、輪郭の認識までできてしまうソフトウェアがFace Trackerです。Webカメラをお持ちの方は遊んでみてください。 こちらはデモの画像。 認識を実行しました。目、眉毛、輪郭、鼻、口が認識されています。精度は高いように見えます。 同様にWebカメラでトライ。このレベルで検出するのは相当な時間と微妙な角度を要しました…。 アイアンマンのマスクを被らせるデモ。 女優さんの顔。口の開き具合も認識できます。 こちらは顔認識した後、パラメータを変更できるデモです。 回転したり…。 口を半開きにしたり…。 Lukeというフィルタ。もはや別人。 Face Trackerの認識精度はまだまだそう高くはありません。特に
Webカムの映像を使ったソフトウェアを開発するなら使ってみよう·SimpleCV.js MOONGIFT
SimpleCV.jsはWebカムの映像を手軽に扱えるようにするJavaScript版SimpleCVです。 Pythonベースで作られたOpenCVを手軽に扱えるようにするライブラリがSimpleCVです。そしてそれをJavaScriptにポーティングしたのがSimpleCV.jsになります。 上がWebカムから取り込んでいる画像です。下がそれをグレースケール処理したものになります。リアルタイムです。 さらに様々なイフェクトを加えた結果。かなり怖いです。 こちらはJavaScriptから映像データを取り込んでいるデモ。画像サイズを取得しています。 HTML5のgetUserMediaによってWebカムとWebシステムが容易に連携できるようになっています。それをさらにSimpleCV.jsによって扱いやすくできれば、もっと面白いサービスが生まれる可能性がありそうです。 SimpleCV.j
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photo BoothのようにWebカムの画像をリアルタイムイフェクト·Photobooth.js MOONGIFT
IDEA * IDEA