getUserMedia API
Posted 叫我大头
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
以上是关于getUserMedia API的主要内容，如果未能解决你的问题，请参考以下文章
网络摄像头 getUserMedia API - AngularJS 错误？
哪个相机会在移动设备中打开 getUserMedia API？前还是后？