読者です 読者をやめる 読者になる 読者になる

あんまり見ないでください

プログラミング・技術関連,アイディア,気づいたことなどを低レベルで垂れ流す場所.

WebRTCのgetUserMediaで取得した映像をいじってみた その②【魚眼レンズ風に加工する】

前回の記事では、getUserMediaで取得した映像の画素値を変更して、映像を加工していた。前回は、加工前の画素の位置と加工後の画素の位置は同じだったが、今回は加工前の画素を射影して、魚眼レンズ風の映像を作る。 射影の方法 魚眼レンズ風にするにはどう…

WebRTCのgetUserMediaで取得した映像をいじってみた

WebRTCのgetUserMediaで取得した自分のカメラ映像の画素を取得し、いろいろいじってみた。 テンプレート まず、いろいろいじるためのテンプレートを載せる。template.html <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="template.js"></script> <title>Title</title> </head> <body> <video id="video"></video> <canvas id="display_canvas">…</canvas></body></html>

WebRTCで多人数のビデオチャット

前回の記事では、WebRTCで1対1のビデオチャットを作ってみた。今回は、多対多でビデオチャットを実現したいと思う。今回も、とにかく動かすことを目標にする。 参考サイト シグナリングサーバーを応用! 「WebRTCを使って複数人で話してみよう」このサイト…

WebRTCについて学ぶ

手っ取り早くWebRTCを使ってみたいならPeerJSやSimpleWebRTCを使えばいいと思うが、今回は勉強ということで、ライブラリを使わずにライブチャットを作ってみた。 参考サイト WebSocket関係 「Node.jsとWebSocket.IOでチャットアプリを作る」 http://mawatari…