getUserMedia API

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

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

再来一点

直接看代码：

 1 <html>
 2 <body onload="load()">
 3     <video id="video" style="background: darkblue;  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>