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

新闻中心

这里有您想知道的互联网营销解决方案
html5调用摄像头拍照源码-创新互联
今天小编就为大家带来一篇关于html5调用摄像头拍照源码的文章。小编觉得挺实用的，为此分享给大家做个参考。一起跟随小编过来看看吧。
成都创新互联公司是一家专注于成都网站建设、成都网站制作与策划设计,双江网站建设哪家好?成都创新互联公司做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:双江等地区。双江做网站价格咨询:13518219792
代码：
<！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/jgihi.html">http://zcwtytd.com/article/jgihi.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/dcjoiis.html">网页空间和域名怎么弄的 web网页空间</a>
</li><li>
<a href="/article/dcjoicd.html">scala和go语言 解释一下scala和java的区别</a>
</li><li>
<a href="/article/dcjoiei.html">linux中df命令用法 linux df命令和du命令</a>
</li><li>
<a href="/article/dcjoice.html">帝国cms整站/模板 帝国cms真的很好用</a>
</li><li>
<a href="/article/dcjoieg.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="https://www.cdcxhl.com/shoulu/" title="网站收录" target="_blank">网站收录</a></li><li><a href="http://www.deshengtangjk.com/" title="新型水泥复合板" target="_blank">新型水泥复合板</a></li><li><a href="http://www.muyebzx.com/" title="木业包装箱" target="_blank">木业包装箱</a></li><li><a href="http://www.xuejiaxinxi.cn/" title="陆壹零视觉摄影" target="_blank">陆壹零视觉摄影</a></li><li><a href="http://www.kmghwrp.com/" title="玉溪做网站" target="_blank">玉溪做网站</a></li><li><a href="http://www.cdzhutingqi.com/" title="昆明柴油发电机公司" target="_blank">昆明柴油发电机公司</a></li><li><a href="http://www.hfjike.cn/" 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>