码迷,mamicode.com
首页 > Windows程序 > 详细

getUserMedia API

时间:2016-05-31 22:30:11      阅读:406      评论:0      收藏:0      [点我收藏+]

标签:

getUserMedia API 

     特别有趣的一个 API,能够调用电脑的摄像头,未来这个 API 将被广泛用来让浏览器和用户之间互动。

    如果 <video> 标签和 Canvas 现结合 就能在浏览器中拍摄照片了。(你不是在说废话吧  )

技术分享

 直接看代码  :

 1 <html>
 2 <body onload="load()">
 3     <video id="video" style="background: darkblue; width: 500px;height: 500px;"></video>
 4 </audio>
 5 <script>
 6   window.addEventListener("DOMContentLoaded",function(){
 7         var v = document.getElementById("video");
 8       var vobj = {"video" : true}
 9         ///监听  
10           if(navigator.getUserMedia){
11               navigator.getUserMedia(vobj , function(Mstream){
12                   v.src =  Mstream ;
13                   
14                   v.play();
15               },function(error){
16                   console.log(error.code)
17               })
18           
19       }else if(navigator.webkitGetUserMedia){
20           navigator.webkitGetUserMedia(vobj , function(Mstream){
21               v.src = window.webkitURL.createObjectURL(Mstream);
22               
23               v.play()
24           },function(error){
25                   console.log(error.code)
26               })
27       }
28   },false)
29 </script>
30 </body>
31 </html>

 

getUserMedia API

标签:

原文地址:http://www.cnblogs.com/webph/p/5547559.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!