Opera Labs Camera and Pagesを使ってみました
Upcoming SlideShare
Loading in...5
×
 

Opera Labs Camera and Pagesを使ってみました

on

  • 1,090 views

 

Statistics

Views

Total Views
1,090
Views on SlideShare
1,087
Embed Views
3

Actions

Likes
0
Downloads
1
Comments
0

1 Embed 3

http://paper.li 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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

Opera Labs Camera and Pagesを使ってみました Opera Labs Camera and Pagesを使ってみました Presentation Transcript

  • Opera Labs Camera and Pages2011 10 24
  • 2011 10 24
  • http://labs.opera.com/news/2011/10/19/2011 10 24
  • 2011 10 24
  • 2011 10 24
  • 2011 10 24
  • 2011 10 24
  • var  video  =  document.getElementsByTagName()[0]; navigator.getUserMedia(video,  successCallback); function  successCallback(  stream  )  {    video.src  =  stream; } <video  autoplay></video>2011 10 24
  • 2011 10 24
  • canvas canvas video DOM append2011 10 24
  • jQuery(function ($){ var video = $("video")[0]; navigator.getUserMedia("video", function (s){ video.src = s; $("#shutter").bind("click", function (){ var canvas = $("<canvas />")[0]; canvas.getContext("2d").drawImage(video, 0, 0); $("#shotted").append(canvas); }); }); }); <p id="shutter"> </p> <video autoplay width="200"></video> <div id="shotted"></div>2011 10 24
  • canvas video … index2.html2011 10 24
  • 2011 10 24
  • 2011 10 24
  • 2011 10 24
  • :3 :)2011 10 24