技術時刻都在前進。我們的需求也是時時刻刻在改變著。最近在開發中遇到了用戶進行帳號註冊時需要個人圖像,網站提供自動拍照功能。還有登入了電腦之後,手機端登入時只需要掃描一下電腦上的二維碼就可以登入。這對一個網路來說難度是極大的。科技的進步使我們遇到了HTML5下面這個簡單粗暴的示範就是來完成這些功能的直接看代碼: <!DOCTYPE html> HTML5调用摄像头实现拍照 TITLE> HEAD> video> 拍照 button> canvas> var video = document.getElementById(“video”); var context = canvas.getContext(“2d”); var errocb = function(){ console.log(“sth srong”); } 如果(navigator.getUserMedia){ navigator.getUserMedia({ “视频”:真},函数(流){ video.src =流; video.play(); },errocb); } else if(navigator.webkitGetUserMedia){ navigator.webkitGetUserMedia({ “视频”:真},函数(流){ video.src = window.webkitURL.createObjectURL(流); video.play(); },errocb); } 的document.getElementById( “paizhao”)的addEventListener( “点击”,函数(){ context.drawImage(视频,0,0,640,480); }); </ SCRIPT> </ BODY> </ HTML></pre><div class="contentsignin">登入後複製</div></div><p>【相關推薦】</p><p>1. <a href="//m.sbmmt.com/html5-tutorial-363037.html" target="_self">透過H5實現拍照功能的實例詳解</a></p><p>2. <a href="//m.sbmmt.com/html5-tutorial-357691.html" target="_self">HTML5調用相機的範例程式碼分享</a></p><p>3. <a href="//m.sbmmt.com/html5-tutorial-352600.html" target="_self">HTML5 程式設計</a></p><p>4. <a href="//m.sbmmt.com/html5-tutorial-359640.html" target="_self">html5自訂遮罩的實作程式碼分享</a></p><p>#5. <a href="//m.sbmmt.com/html5-tutorial-355130.html" target="_self">詳細介紹AngularJS中使用HTML5攝影機拍照的圖文詳情</a> </p></body></html>