はじめに WebRTC を使ってビデオチャットアプリを作る際に、ビデオ画像にエフェクトをかけたくなりました。モザイクとか、ブラーとか、漫画カメラとか。 ブラウザ上でJavaScriptでごりごり画像処理をするのはさすがに厳しそうですので、画像処理を行うのは別のアプリケーションで行うことにしました。 最終的に WebRTC で MediaStream として扱うことを考えると、画像処理の結果が通常のWebカメラと同様に navigator.getUserMedia() できれば一番手っ取り早いんじゃないかなーと思っていろいろ手法を探してみました。 便利なソフトを教えていただいた しかし調べれば調べるほど、Windows上だと DirectShowのお勉強しなきゃとかつらそうな気配が漂っていたのですが、Twitterに泣きついたところ、@jnakano さんが ycapture(わいきゃぷちゃ
フロー 流れとしては、ofxExportImageSequenceで連番書き出し→ffmpegで統合といった感じです。 1.ofxExportImageSequenceで連番書き出し 1-1.比嘉さんのレポジトリからcloneしてきます。 1-2.書き出したい範囲を囲みビルド プロジェクトに追加し、連番書き出しを行いたい範囲をbegin()/end()で囲みビルドするだけです。以下にも記載していますが、ぶっちゃけexampleをみた方が良いかと思います。 //この2行は.hファイルに記述 #include "ofxExportImageSequence.h" ofxExportImageSequence exp; void ofApp::setup(){ exp.setup(1280, 720, 30); exp.setOutputDir("out"); exp.setOverwriteS
久しぶりのoFで、ビデオをリサイズしてピクセルデータを取得するのに、ofImageでリサイズしたらとても遅く、使い物になりませんでした。 Higa(http://qiita.com/satoruhiga) さんから教えてもらった方法を忘れないようにメモします。 ざっくりとコードは以下の様な感じです。 ダメな例（ぼくがやっていた。） ofVideoGrabber video; ofImage img; void setup() { ofSetFrameRate(60); ofSetVerticalSync(true); ofBackground(0); video.initGrabber(640, 480); } void update() { video.update(); if (video.isFrameNew()) { img.setFromPixels(video.getPixel
![[openFrameworks] ofVideograberをリサイズして高速にピクセルデータを取得する方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/89af895bbc4206d4910ba8f6c95da6a4ddeb693c/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCb3BlbkZyYW1ld29ya3MlNUQlMjBvZlZpZGVvZ3JhYmVyJUUzJTgyJTkyJUUzJTgzJUFBJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgyJUJBJUUzJTgxJTk3JUUzJTgxJUE2JUU5JUFCJTk4JUU5JTgwJTlGJUUzJTgxJUFCJUUzJTgzJTk0JUUzJTgyJUFGJUUzJTgyJUJCJUUzJTgzJUFCJUUzJTgzJTg3JUUzJTgzJUJDJUUzJTgyJUJGJUUzJTgyJTkyJUU1JThGJTk2JUU1JUJFJTk3JUUzJTgxJTk5JUUzJTgyJThCJUU2JTk2JUI5JUU2JUIzJTk1JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xM2ViYjAzY2I5MDYzOTc3M2ZhZGU5Njg5ZDQxOGFkZQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwa2VuamlTcGVjaWFsJTQwZ2l0aHViJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hMTYyNTBkZTBjYzlhNzc1MTVkNDNmNjA3OGQyNjg5Nw%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D1ead08f830cb5da8309410fd6239c192)
一行、getPixels().getData()に変更しました このコピペでも動きますが、 基礎からちゃんとやるのをオススメします。 僕も最近になってブログ書きながら勉強始めました。 ホンキートンクスーダラブルース http://www.sudara-bluse.tokyo/entry/openframeworks_9 あとはyoppa大先生のとかアルゴリズム乗ってます http://yoppa.org/ma2_10/2214.html #pragma once #include "ofMain.h" #include "ofxOpenCv.h" class ofApp : public ofBaseApp{ public: void setup(); void update(); void draw(); void keyPressed(int key); void keyRelease
//setup()内などで fbo.allocate(width, height, colorMode); fbo.begin; ofSetcolor(255); ofCircle(0, 0, 200); fbo.end; //draw()内で fbo.draw(0,0); カラーモードについてですが、｢GL_RGBA｣,｢GL_RGB16F｣,｢GL_RGBA32F｣などがあるようです。 openGLはさっぱりなので詳しいことはわからないですが、GLはopenGLのことで、その次のRGBAとかは色について（アルファチャンネルとか）そのあとは色のビット数(16bit or 32bit)、最後のfはカラーコンポーネントの保持型（float)のことかなぁと勝手に推測しています。（デフォルトはunsigned charらしいです) ただ、当たり前ですがfloat値のfboは通常よりもビデオメモリ
※ 末尾に追記あり。 C++、いろいろ未だにわからにことだらけなのだけれど、関数に値を送る場合の 値渡し 参照渡し ポインタ渡し の違いがいまだにすっきりと整理できていない。 C++、自分の場合はoFで使うことがほとんどなので、oFのコードで実験してすっきりしてみようとシンプルなコードを書いてみた。 力をベクトルで与えると運動するParticleというクラスを以前から作っていたいので、これはそのまま流用。長くなるのでコードの内容は割愛。 Particle.h Particle.cpp Particleを操作するためのMoverというクラスをつくってみた。このMoverクラスは3種類の方法でParticleのインスタンスを受けとることができる A: 値渡し B: 参照渡し C: ポインタ渡し Mover.h #pragma once #include "ofMain.h" #include
ここでは openFrameworks による２次元グラフィクスについて解説します．グラフィクスの初歩は「入門編」で扱いましたので，より高度なグラフィクス操作について説明していきます． デフォルトの座標系は，下図（左）に示すように，iPhone を縦に置いた状態で，画面に左上を原点 (0, 0) とし，右下を (319, 479) とする直交座標系です．横（X 軸）方向の幅が 320，縦（Y 軸）方向の高さが 480 となります．なお，これらは論理的な（プログラミング上の）な大きさで，実際のピクセル数は（iPhone の種類に応じて）320×480 ピクセルあるいは 640×960 ピクセルとなります． このデフォルト座標系が使いづらい場合は，たとえば OpenGL や数学で使う標準的な座標系に変更することができます．たとえば下にあげたプログラムのように，testApp::draw() の
openFrameworksとOpenCVを組み合せると何か色々出来そうな気がするので、挑戦してみました。 標準で同梱されているofxOpenCvってやつを試したのですが、何か使いづらいので、ofxCvに鞍替え。 まとまったドキュメントが見合たらないのがかなしいのですが、インターフェースは生のOpenCVと似ているのでC/C++向けのOpenCV経験者なら迷うことは無いと思います。 で。openFrameworksの機能でwebカメラの映像を取得して、ofxCvの機能で加工してみたいと思います。 やりたいのはこんな感じのことです。 左上が生の映像、右上がガウシアンブラーをかけたやつ、左下がグレースケール、右下がCanny法で作った輪郭の映像です。 ソースコードはこんな感じ。 #include class ofApp : public ofBaseApp { private: ofVideo
Full HD(1080/59.97i)のカメラの映像をリアルタイムにoFで処理したい イベント会場の映像にoFでリアルタイムにエフェクトをかけたかったので、その方法を色々試行錯誤したのでその記録。カメラはSONYのHVR-Z5Jだったので、出力はHDMIかSDIしかなくて、それをMacProへどう取り込むかが問題でした。VC-30HDとかVR-50HDが使えそうだったんですが、色々条件が合わず断念。Blackmagic DesignのDeckLink mini Recorderを使えば出来そうだったので、試行錯誤のメモです。 DeckLink mini Recorderを購入 今回は時間が無かったので、System5の半蔵門のショールームで購入。ここはプロ用の機材を色々試してから買えるのでかなり良いです。今回の案件ではイレギュラーな対応してもらったり、色々お世話になりました。 純正アプリ
openFrameworksは、他のファイルパスを指定しない限りは、bin/dataフォルダにデータが保存されます。 もし大量のファイルを保存したい場合は、それぞれに別々のファイル名をつける必要があります。簡単な方法は、現在の時刻を利用するやり方です。なぜなら、絶対に同じ名前にはならないからです。"myFile.xml"と名付ける代わりに、保存するたびに"myFile_" + ofGetTimestampString() + ".xml"とすると、それぞれのファイルに別々のファイル名が付加されます。 アプリケーションからどこにでもファイルは保存できますが、特定のタイミングでファイルの保存を実行したい時もあるでしょう。特定のキーを押したときにファイルをセーブしたい場合は、以下のように記述します。 void ofApp::keyPressed (int key){ if(key == 's')
Poco 1.3.6あたりのお話。たぶん前後のバージョンでも同じ。 multipart/form-dataの扱いにPoco::Net::HTMLFormを使うのを避け、Poco::Net::MultipartReaderを使おう。 2つの理由 １つめの理由。 POSTのパラメータは自身のNameValueCollectionに格納し、アップロードファイルはPoco::Net::PartHandlerのhandlePartを呼び出し処理させる。アップロードファイルであるかどうかはContent-Dispositionにfilenameが存在するかどうかで判断しているためテスト時にリクエスト側で柔軟な対応がしにくい。 2つめの理由。 どうもmultipart/form-dataの2つめの以降のパートを読み飛ばす時がある。
oFから一眼レフを制御するofxPhotoというaddonがあったので使ってみる。制御できるカメラの一覧はこの辺りだけどPTP(Picture Transfer Protocol)という仕様に対応してるカメラなら結構動きそう。 作業環境は、Mac OS X 10.9,oF0.8.0。 libgphoto2のインストール libgphoto2はMacPortsを使ってインストールするがoFは32bitなので、32bit環境で動くようにインストールしてやる必要があります。 32bitでコンパイルするように、MacPortsの設定ファイルを書き換える。 /opt/local/etc/macports/macports.confの build_arch x86_64 というところを build_arch i386 に書き換える。行頭に#があればそれも削除 MacPortsでlibgphoto2をイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
