getUserMedia API

getUserMedia API

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

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

直接看代码  ：

 <html>
 <body onload="load()">
     <video id="video" style="background: darkblue; width: 500px;height: 500px;"></video>
 </audio>
 <script>
   window.addEventListener("DOMContentLoaded",function(){
         var v = document.getElementById("video");
       var vobj = {"video" : true}
         ///监听
           if(navigator.getUserMedia){
               navigator.getUserMedia(vobj , function(Mstream){
                   v.src =  Mstream ;

                   v.play();
               },function(error){
                   console.log(error.code)
               })

       }else if(navigator.webkitGetUserMedia){
           navigator.webkitGetUserMedia(vobj , function(Mstream){
               v.src = window.webkitURL.createObjectURL(Mstream);

               v.play()
           },function(error){
                   console.log(error.code)
               })
       }
   },false)
 </script>
 </body>
 </html>