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

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

canvas

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>