在瀏覽器中開啟攝像頭，使用它navigator.getUserMedia根據不同瀏覽器獲取攝像頭物件，這時候需要授權開啟攝像頭//獲取攝像頭物件；“navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;navigator.getUserMedia({video:true,audio: true},gotStream,noStream);//”開啟攝像頭。；開啟攝像頭，並將攝像頭實時流輸出到瀏覽器中；<!DOCTYPE html><html><head><meta charset="UTF-8"<title></title>；</head><body>；<video width="1024" height="800" autoplay></video>；<button>截圖</button>；<canvas width="1024" height="800"></canvas>；<script type="text/javascript">；var video = document.getElementById("video");；var canvas=document.getElementById("canvas");；var context=canvas.getContext("2d");；//獲取攝像頭物件；navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;；navigator.getUserMedia({video:true,audio: true},gotStream,noStream);//開啟攝像頭；//成功開啟攝像頭；function gotStream(stream){video.src =URL.createObjectURL(stream)；video.onerror= function(){stream.stop()；}stream.onended = noStream；video.onloadedmetadata =function(){alert("成功開啟攝像頭")}；}//開啟攝像頭失敗；function noStream(error){alert(error)}；document.getElementById("snap").addEventListener("click",function(){；context.drawImage(video,0,0,1024,800)});；</script></body></html>； ；獲取攝像頭快照，可以實現在網頁找照相的功能將攝像頭內容繪製到網頁上document.getElementById("snap").addEventListener("click",function(){context.drawImage(video,0,0,1024,800)})；即可關閉。
在瀏覽器中開啟攝像頭，使用它navigator.getUserMedia根據不同瀏覽器獲取攝像頭物件，這時候需要授權開啟攝像頭//獲取攝像頭物件；“navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;navigator.getUserMedia({video:true,audio: true},gotStream,noStream);//”開啟攝像頭。；開啟攝像頭，並將攝像頭實時流輸出到瀏覽器中；<!DOCTYPE html><html><head><meta charset="UTF-8"<title></title>；</head><body>；<video width="1024" height="800" autoplay></video>；<button>截圖</button>；<canvas width="1024" height="800"></canvas>；<script type="text/javascript">；var video = document.getElementById("video");；var canvas=document.getElementById("canvas");；var context=canvas.getContext("2d");；//獲取攝像頭物件；navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;；navigator.getUserMedia({video:true,audio: true},gotStream,noStream);//開啟攝像頭；//成功開啟攝像頭；function gotStream(stream){video.src =URL.createObjectURL(stream)；video.onerror= function(){stream.stop()；}stream.onended = noStream；video.onloadedmetadata =function(){alert("成功開啟攝像頭")}；}//開啟攝像頭失敗；function noStream(error){alert(error)}；document.getElementById("snap").addEventListener("click",function(){；context.drawImage(video,0,0,1024,800)});；</script></body></html>； ；獲取攝像頭快照，可以實現在網頁找照相的功能將攝像頭內容繪製到網頁上document.getElementById("snap").addEventListener("click",function(){context.drawImage(video,0,0,1024,800)})；即可關閉。