html5调用摄像头拍照源码-自贡勤盛利枫建站

新闻中心

这里有您想知道的互联网营销解决方案
html5调用摄像头拍照源码
今天小编就为大家带来一篇关于html5调用摄像头拍照源码的文章。小编觉得挺实用的，为此分享给大家做个参考。一起跟随小编过来看看吧。
创新互联是一家专业提供涟水企业网站建设,专注与网站制作、成都网站制作、H5高端网站建设、小程序制作等业务。10年已为涟水众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
代码：
 <！DOCTYPE html>  
      
      
         HTML5调用摄像头实现拍照</ TITLE>  
        <meta charset =“utf-8”>  
        <meta name =“viewport”content =“width = device-width，initial-scale = 1”>  
    </ HEAD>  
    <BODY>  
    <video id =“video”autoplay =“”style ='width：640px; height：480px'> </ video>  
    <button id =“paizhao”>拍照</ button>   
    <canvas id =“canvas”width =“640”height =“480”> </ canvas>  
    <script type =“text / javascript”>  
        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><p>以上就是html5调用摄像头拍照的源码，代码详细清楚，如果在日常工作遇到这个问题，希望你能通过这篇文章解决问题。如果想了解更多相关内容，欢迎关注创新互联行业资讯频道！</p>            
            
            <br>
本文题目：html5调用摄像头拍照源码<br>
转载源于：<a href="http://zcwtytd.com/article/pigcdh.html">http://zcwtytd.com/article/pigcdh.html</a>
</div>
<div class="hot_new">
<div class="page_title clearfix">
<h3>其他资讯</h3>
</div>
<div class="news_list clearfix">
<ul>
<li>
<a href="/article/ejsced.html">微信如何设置字体大小，怎么把微信的字变大</a>
</li><li>
<a href="/article/ejsdjg.html">嘉兴网站推广厂家,无锡网站推广厂家哪家好</a>
</li><li>
<a href="/article/ejscsh.html">域名包括哪些，域名有哪些种类</a>
</li><li>
<a href="/article/ejsceo.html">如何自己建公司网站,建一个公司网站需要花多少钱</a>
</li><li>
<a href="/article/ejsdhh.html">广告如何构图，广告构图技巧有什么技巧啊</a>
</li></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 底部信息 -->
<div class="footer wow fadeInUp">
<div class="rowFluid">
<div class="span12">
<div class="container">
<div class="footer_content">
<div class="span4 col-xm-12">
<div class="footer_list">
<div class="span6">
<div class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服务号二维码" /></div>
</div>
<div class="span6 col-xm-12">
<div class="quick_navigation">
<div class="quick_navigation_title">快速导航</div>
<ul>
<li><a href="http://www.qixunwd.cn/" title="成都网站制作" target="_blank">成都网站制作</a></li><li><a href="http://www.cdfdjwb.com/" title="沃尔沃发电机维修" target="_blank">沃尔沃发电机维修</a></li><li><a href="http://www.kmsjxy.com/" title="运动护具销售" target="_blank">运动护具销售</a></li><li><a href="http://www.kmyux.com/" title="昆明劳保用品销售公司" target="_blank">昆明劳保用品销售公司</a></li><li><a href="http://www.abzfdj.com/" title="阿坝柴油发电机租赁" target="_blank">阿坝柴油发电机租赁</a></li><li><a href="http://www.cdqiyeyouxiang.com/" title="成都企业邮箱公司" target="_blank">成都企业邮箱公司</a></li><li><a href="http://www.cxycgs.com/" title="大华摄像头" target="_blank">大华摄像头</a></li></ul>
</div>
</div>
</div>
</div>
<div class="span4 col-xm-6 col-xs-12">
<div class="footer_list">
<div class="footer_link">
<div class="footer_link_title">友情链接</div>
<ul id="frientLinks">
<a href="https://www.cdcxhl.com/" title="网站制作" target="_blank">网站制作</a>
<a href="https://www.cdcxhl.com/" title="网站建设" target="_blank">网站建设</a>
<a href="https://www.cdxwcx.com/tuiguang/" title="成都网络推广" target="_blank">网络推广</a>
<a href="http://seo.cdkjz.cn/" title="成都网站推广" target="_blank">网站推广</a>
<a href="https://www.cdcxhl.com/xiaochengx.html" title="成都微信小程序开发" target="_blank">小程序开发</a>
<a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a>
</ul>
<div class="footer_link_title">网站建设</div>
<ul id="frientLinks">
<li><a href="/">自贡勤盛利枫建站</a></li>
<li><a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a></li>
</ul>
</div>
</div>
</div>
<div class="span4 col-xm-6 col-xs-12">
<div class="footer_list">
<div class="footer_cotact">
<div class="footer_cotact_title">联系方式</div>
<ul>
<li><span class="footer_cotact_type">企业：</span><span class="footer_cotact_content">四川勤盛利枫机电有限公司   </span></li>
<li><span class="footer_cotact_type">地址：</span><span class="footer_cotact_content">成都市青羊区太升南路288号</span></li>
<li><span class="footer_cotact_type">电话：</span><span class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li>
<li><span class="footer_cotact_type">网址：</span><span class="footer_cotact_content"><a href="/" title="自贡网站建设">www.zcwtytd.com</a></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<p>公司名称：四川勤盛利枫机电有限公司   联系电话：18980820575</p>
<p><a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">网站备案号：蜀ICP备2025168279号-12</a></p>
<p>自贡勤盛利枫建站 自贡网站建设 自贡网站设计 自贡网站制作 <a href="http://www.cdxwcx.cn/" target="_blank">成都做网站</a></p>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
$(".technical_support_box_z_info_box img").each(function(){
var src = $(this).attr("src");    //获取图片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src;    //绝对路径
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>