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

1,447 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,447
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×