東の方からきました@鹿駆動勉強会
Upcoming SlideShare
Loading in...5
×
 

東の方からきました@鹿駆動勉強会

on

  • 2,559 views

4/29 に開催された鹿駆動勉強会で話した内容です。

4/29 に開催された鹿駆動勉強会で話した内容です。

http://atnd.org/events/24587

Statistics

Views

Total Views
2,559
Views on SlideShare
1,331
Embed Views
1,228

Actions

Likes
0
Downloads
0
Comments
0

6 Embeds 1,228

http://d.hatena.ne.jp 795
http://hakobera.hatenablog.com 425
http://hatenatunnel.appspot.com 4
http://www.slideconcert.com 2
http://webcache.googleusercontent.com 1
http://cache.yahoofs.jp 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

東の方からきました@鹿駆動勉強会 東の方からきました@鹿駆動勉強会 Presentation Transcript

  • 東の方からきました 2012/4/29 LT@鹿駆動開発 @hakobera
  • 誰?• 本多 一行 / Kazuyuki Honda• twitter: @hakobera• 仕事は Java • Playframework アツい
  • 鹿駆動に参加したきっかけ•能楽堂でLTできると聞いて
  • 鹿駆動に参加したきっかけ•能楽堂 •能(楽)堂 •のうどう •Node !?
  • と言うことで今日は Node.js の話
  • JavaScript の限界突破• WebRTC • Camera! Audio!• WebSocket • Push!Realtime! Reactive!
  • WebRTC で顔認識
  • WebRTCで取得した画像から ccv.js で顔認識 (抜粋)// GetUserMedia で Web カメラから動画を取得navigator.webkitGetUserMedia("video", success, fail);function success(stream) { var url = webkitURL.createObjectURL(stream); srcStream.src = url; setInterval(draw, 500);}function draw() { workContext.drawImage(srcStream, 0, 0, SCREEN_WIDTH, SCREEN_HEIGHT); destContext.drawImage(srcStream, 0, 0, SCREEN_WIDTH, SCREEN_HEIGHT); // Canvas に描画されたピクセルデータから ccv.js で顔認識 var comp = ccv.detect_objects({"canvas":ccv.grayscale(workCanvas), "cascade":cascade, "interval":5, "min_neighbors":1 }); // 認識された顔の位置に鹿の画像を合成 for (var i = 0, length = comp.length; i < length; i++) { destContext.drawImage(personaImage, comp[i].x - 50, comp[i].y - 70, comp[i].width + 120, comp[i].height + 120); } // Socket.IO で共有 socket.emit(face, destCanvas.toDataURL("image/jpeg"));} たったこれだけ
  • JavaScript もここまできた