ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ハードウェア - Webカムの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2014/06/15

eyeLike - Webカムでアイトラッキング

コンピュータの入力と言えばキーボードとマウスが一般的ですが、この二つが使われるようになってとても久しいです。もっと進化してもおかしくはないはずです。最近では腕輪やLeapMotionなど新しい入力デバイスも増えています。昔からありつつも一般化はあまりしない入力デバイスとしてアイトラッキングがあります。理由としては精度と...

List

  • 2014/04/10

JavaScript OCR demo - クライアントサイドだけで実現するOCR

JavaScriptでOCR!HTML5にはカメラにアクセするAPIが用意されています。それによってWebカメラを使った動画チャットが幾つか作られています。しかしその使い方しかないのでしょうか。もっと面白い使い方が考えられるはずです。Webカメラの映像を動画として捉えるのではなく、撮影した画像として考えるともっと利用で...

List

  • 2013/10/11

レッツトライ!パーツまで認識できる顔認識「Face Tracker」

Face TrackerはJavaScript製のオープンソース・ソフトウェア(MIT License)です。OpenCVで人の顔を認識するデモは多数ありますが、さらに一歩進めて目、口、鼻、輪郭の認識までできてしまうソフトウェアがFace Trackerです。Webカメラをお持ちの方は遊んでみてください。こちらはデモの...

List

  • 2013/10/09

ここまでやるか。ルービックキューブを3Dで解く「cubr」

cubrはPython製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。ルービックキューブは1977年に登場以来、みんなに愛されているおもちゃです。そんなルービックキューブをプログラマーに渡すとどうなるか…それがよく分かるのがcubrです。3D空間にルービックキューブが浮かんでいま...

List

  • 2013/09/28

Webカムジェスチャー認識ライブラリ「gest.js」

gest.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。WebカメラとWebブラウザを使ってどんなことができるでしょうか。単純に映像を取り込んで映し出しても面白いのですが、さらに映像を解析できると面白いサービスが作れそうです。今回はジェスチャー操作を提供するgest.jsを紹...

List

  • 2013/07/14

Webカメラを使って簡単にアニメーションGIF作成「face to gif」

face to gifはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。HTML5を使ったデモは色々ありますが、その中で面白いと感じるのはこれまでFlashでしか触れなかったWebカメラの映像を取得できることがあるのではないでしょうか。今回はWebカメラを使ったアニメーショ...

List

  • 2013/06/28

Webカメラの映像をアニメーションGIF化「CameraGIF」

CameraGIFはFlash/ActionScript3製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。WebブラウザからWebカメラを使えるようになり、取り込んだ画像を使った面白いソフトウェアが幾つも出てきています。今回はその一つ、WebカメラからアニメーションGIFを生成し...

List

  • 2013/05/20

Webカムを使って頭を認識し、オブジェクトを動かす「headtrackr」

headtrackrはWebカメラの映像からリアルタイムに顔認識を行うJavaScriptライブラリです。Webカメラは動画チャットで使われることが多かったですが、最近ではもっと違う分野への利用も試みられています。その一つとして今回は顔認証技術を使ったheadtrackrを紹介します。Webカメラへのアクセスが必要です...

List

  • 2013/05/16

HTML5を使ってWebカメラの映像をリアルタイムイフェクト「Photobooth Lite」

Photobooth LiteはHTML5でPhotoboothライクなWebカメライフェクトを実現するソフトウェアです。Mac OSXで提供されるPhotoboothはWebカメラの映像をリアルタイムで加工します。そんなPhotoboothライクな機能をHTML5だけで行うのがPhotobooth Liteです。デフ...

List

  • 2013/03/31

Webカムの映像を認識してイベント実行「oflow.js」

oflow.jsはWebカム映像を認識してイベントを実行するソフトウェアです。最近では生体系のガジェットに人気が集まっています。脳波を読み取ったり、体温を読み取ったりするデバイスを装着しても良いですがPCであればWebカムを使うのが手軽です。今回はoflow.jsを紹介します。最初にカメラへの接続許可を求められます。左...

List

  • 2013/03/01

未来的プレゼン。手振りでスライドを操作する「Webcam-based gesture recognition with reveal.js」

Webcam-based gesture recognition with reveal.jsは手振りの認識をWebカムで行い、スライドを操作できるソフトウェアです。Webカムを使って何か面白いことができないかな…そう思っている方に見て欲しいソフトウェアがWebcam-based gesture recognition...

List

  • 2013/02/20

さらなる仮想空間へ。Googleストリートビューを顔で操作「Street Facing」

Street FacingはWebカムの顔認識によってGoogleストリートビューの表示方向を変化させるソフトウェアです。Googleマップのストリートビューではまるで町中に実際にいるかのように旅することができます。旅先や引っ越し先などを探索した経験のある人も多いのではないでしょうか。そこでさらなるバーチャル体験を可能...

List

  • 2013/01/01

リアルタイムに画像を抽象化「flowabs」

flowabsは画像やWebカムからの映像をリアルタイムに抽象化するソフトウェアです。単なる写真も加工を行うことで驚くほどの変身を遂げることがあります。今回はその一つ、写真の抽象化を行うflowabsを紹介します。面白いのは画像のみならず動画も抽象化できることです。メイン画面です。パラメータを変更すると印象深い画像にな...

List

  • 2012/12/14

Photo BoothのようにWebカムの画像をリアルタイムイフェクト「Photobooth.js」

Photobooth.jsはMac OSXのPhoto Booth風にWebカムの映像をイフェクトするライブラリです。Mac OSXにはPhoto Boothというソフトウェアが付属しています。iSight(Mac OSX用のWebカム)で取り込んだ映像にイフェクトを加えるソフトウェアですが、Webブラウザ上でそれを実...

List

  • 2012/12/11

便利なQRコードをデスクトップでも活用「JS QRcode」

JS QRcodeはWebカムや画像にあるQRコードを読み取るJavaScriptライブラリです。携帯電話にカメラが搭載されて一気に普及したのがQRコードです。そこで数多あるQRコードをWebブラウザでも活用できるようにしてくれるJS QRcodeを使ってみましょう。トップページです。QRコードの画像を指定しました。瞬...

List

  • 2012/12/09

Webカムの映像を使ったソフトウェアを開発するなら使ってみよう「SimpleCV.js」

SimpleCV.jsはWebカムの映像を手軽に扱えるようにするJavaScript版SimpleCVです。Pythonベースで作られたOpenCVを手軽に扱えるようにするライブラリがSimpleCVです。そしてそれをJavaScriptにポーティングしたのがSimpleCV.jsになります。上がWebカムから取り込ん...

List

  • 2012/11/22

レガシーなWebブラウザにもgetUserMediaを「getUserMedia.js」

getUserMedia.jsはFlashを使うことでレガシーなWebブラウザでもgetUserMediaライクなWebカムアクセスを実現するJavaScriptライブラリです。HTML5の新しいAPIの一つにWebカムアクセスがあります。そんなWebカムアクセスをレガシなーWebブラウザを含めて使えるようにしてくれる...

List

  • 2012/10/13

意外と実用的。Webブラウザで指先を使ってページ送り「Webcam Swiper」

Webcam SwiperはWebブラウザ上でWebカムの映像を解析し、ページ送りを行うライブラリです。HTML5のgetUserMediaが一般化してきたことで、Webブラウザ上でWebカムを使って楽しむソフトウェアが増えてきました。今回紹介するWebcam Swiperもその一つ、マウスに触れずにページ送りを実現す...

41652?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f08%2fscreenshot-2012-08-09-13.00.26_thumb

  • 2012/08/19

No more Flash!HTML5を使ったWebカム&顔認識「HTML5 Face Detection」

HTML5 Face DetectionはHTML5のgetUserMediaを使ってWebカムへアクセスし、リアルタイムに画像解析を加えるソフトウェアです。HTML5の新しい機能の一つとして注目されているのがWebカムへのアクセスです。これまではFlashを介してのみ行われていましたが、これでさらに一歩Flashから...

39028?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fsnapshot_thumb

  • 2012/06/02

iSightからキャプチャして画像を保存「ImageSnap」

ImageSnapはiSightなどのWebカムをキャプチャして画像を保存するコマンドラインツールです。Webカムの動画チャット以外での利用を考えてみましょう。幾つか面白いプロダクトも出始めています。しかしデバイスに接続してデータを取得して…というのは大変そうです。そこで使ってみたいのがImageSnapです。使い方は...