zoukankan html css js c++ java

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>

查看全文

相关阅读:
React 生命周期
 React 总结
 系统后台设置
 数据库的事务日志已满,起因为"LOG_BACKUP"。
webpack 打包器
 地图API
ES6 与 React
前端流行的技术
 Javascript 函数声明、函数表达式与匿名函数自执行表达式
 Javascript 解读与思想

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