技术时刻都在前进着。我们的需求也是时刻在改变着。最近在开发中遇到了用户进行账号注册时需要个人图像,网站提供自动拍照功能。还有在登录了电脑之后,手机端进行登录时只需要扫描一下电脑上的二维码就可以登录。这对一个网络来说难度是极大的。技术的进步使我们遇到了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>