getUserMedia API

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>

 

0 条评论
发表一条评论