特别有趣的一个 API，能够调用电脑的摄像头，未来这个 API 将被广泛用来让浏览器和用户之间互动。
如果 <video> 标签和 Canvas 现结合 就能在浏览器中拍摄照片了。（你不是在说废话吧 ）
直接看代码 ：
1 <html>
2 <body >
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>
时间： 2024-10-17 08:27:15