AMANE https://blog.hatena.ne.jp/AMANE/ 自習室 https://izmiz.hateblo.jp/ .JavaScript .WebRTC .Shader やりたいこと このブログで何度かにわたって、ブラウザとopenFrameworksを連携させ、oFで加工した映像をWebRTCで扱う、というシリーズをやっていますが、今回は、映像の加工もブラウザ内で完結させてみます。 CSS でもいろいろ出来る ブラーや明るさ調整は、それぞれ -webkit-filter: blur(100px) や -webkit-filter: brightness(0.1) など css としてブラウザで実装されており、非常に高速に動作します。*1 CSS(webkit) filters これ以外の、もう少し自分好みのことをしようとしたときも、WebGL の fragm… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fizmiz.hateblo.jp%2Fentry%2F2015%2F04%2F19%2F223456" title="WebRTCの動画にThree.jsのポストプロセスでエフェクトをかける - 自習室" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/A/AMANE/20150414/20150414222133.png Hatena Blog https://hatena.blog 2015-04-19 22:34:56 rich https://izmiz.hateblo.jp/entry/2015/04/19/223456 1.0 100%