1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8" /> 6 <title>HTML5调取本地摄像头</title> 7 </head> 8 9 <body> 10 <video id="video" height="500px" width="500px"></video> 11 <script> 12 var video = document.getElementById(\'video\'); 13 var videoObj = { 14 video: true 15 }; 16 videoObj = { 17 "video": true 18 }, 19 errBack = function(error) { 20 console.log("Video capture error: ", error.code); 21 }; 22 if (navigator.getUserMedia) { // Standard 23 navigator.getUserMedia(videoObj, function(stream) { 24 video.src = stream; 25 video.play(); 26 }, errBack); 27 } else if (navigator.webkitGetUserMedia) { // WebKit-prefixed 28 navigator.webkitGetUserMedia(videoObj, function(stream) { 29 video.src = window.webkitURL.createObjectURL(stream); 30 video.play(); 31 }, errBack); 32 } 33 </script> 34 </body> 35 36 </html>