Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

1,479 views

Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

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

  1. 1. Opera Labs Camera and Pages2011 10 24
  2. 2. 2011 10 24
  3. 3. http://labs.opera.com/news/2011/10/19/2011 10 24
  4. 4. 2011 10 24
  5. 5. 2011 10 24
  6. 6. 2011 10 24
  7. 7. 2011 10 24
  8. 8. var  video  =  document.getElementsByTagName()[0]; navigator.getUserMedia(video,  successCallback); function  successCallback(  stream  )  {    video.src  =  stream; } <video  autoplay></video>2011 10 24
  9. 9. 2011 10 24
  10. 10. canvas canvas video DOM append2011 10 24
  11. 11. 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
  12. 12. canvas video … index2.html2011 10 24
  13. 13. 2011 10 24
  14. 14. 2011 10 24
  15. 15. 2011 10 24
  16. 16. :3 :)2011 10 24

×