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