今天小編就為大家?guī)?lái)一篇關(guān)于html5調(diào)用攝像頭拍照源碼的文章。小編覺(jué)得挺實(shí)用的，為此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。
創(chuàng)新互聯(lián)是一家專(zhuān)業(yè)提供漣水企業(yè)網(wǎng)站建設(shè),專(zhuān)注與網(wǎng)站制作、成都網(wǎng)站制作、H5高端網(wǎng)站建設(shè)、小程序制作等業(yè)務(wù)。10年已為漣水眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。
代碼：
重慶分公司
重慶分公司
<！DOCTYPE html>
HTML5調(diào)用攝像頭實(shí)現(xiàn)拍照</ 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（{ “視頻”：真}，函數(shù)（流）{
video.src =流;
video.play（）;
}，errocb）;
} else if（navigator.webkitGetUserMedia）{
navigator.webkitGetUserMedia（{ “視頻”：真}，函數(shù)（流）{
video.src = window.webkitURL.createObjectURL（流）;
video.play（）;
}，errocb）;
}
的document.getElementById（ “paizhao”）的addEventListener（ “點(diǎn)擊”，函數(shù)（）{
context.drawImage（視頻，0,0,640,480）;
}）;
</ SCRIPT>
</ BODY>
</ HTML></pre><p>以上就是html5調(diào)用攝像頭拍照的源碼，代碼詳細(xì)清楚，如果在日常工作遇到這個(gè)問(wèn)題，希望你能通過(guò)這篇文章解決問(wèn)題。如果想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！</p>
<br>
新聞標(biāo)題：html5調(diào)用攝像頭拍照源碼 <br>
網(wǎng)站鏈接：<a href="http://weahome.cn/article/pigcdh.html">http://weahome.cn/article/pigcdh.html</a>
</div>
</div>
</div>
<div id="squ6kqw" class="other container">
<h3>其他資訊</h3>
<ul>
<li>
<a href="/article/dodpcoo.html">dhjava代碼實(shí)現(xiàn) Dhvaja</a>
</li><li>
<a href="/article/dodpcco.html">怎么知道連接上mysql 怎么知道連接上的wifi密碼</a>
</li><li>
<a href="/article/dodpcce.html">python中函數(shù)前綴r python語(yǔ)言后綴名</a>
</li><li>
<a href="/article/dodpces.html">js通過(guò)php訪問(wèn)數(shù)據(jù)庫(kù)的簡(jiǎn)單介紹</a>
</li><li>
<a href="/article/dodpdhi.html">linux切換命令窗口 linux窗口切換快捷鍵</a>
</li> </ul>
</div>
<div id="squ6kqw" class="footer">
<div id="squ6kqw" class="foota container">
<div id="squ6kqw" class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12">
<ul>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>網(wǎng)站制作</h3>
<a target="_blank">成都網(wǎng)站制作</a><a target="_blank">網(wǎng)站制作</a><a target="_blank">成都網(wǎng)站制作</a><a target="_blank">成都企業(yè)網(wǎng)站制作</a><a href="http://weahome.cn/zhizuo/" target="_blank">重慶網(wǎng)站制作</a><a target="_blank">重慶網(wǎng)站制作</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>企業(yè)服務(wù)</h3>
<a target="_blank">商標(biāo)注冊(cè)</a><a target="_blank">網(wǎng)站備案</a><a target="_blank">網(wǎng)絡(luò)文化經(jīng)營(yíng)許可證</a><a target="_blank">注冊(cè)公司</a><a target="_blank">軟文發(fā)布平臺(tái)</a><a target="_blank">廣播電視節(jié)目制作許可證</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>網(wǎng)站建設(shè)</h3>
<a target="_blank">成都門(mén)戶(hù)網(wǎng)站建設(shè)</a><a target="_blank">綿竹網(wǎng)站建設(shè)</a><a target="_blank">成都網(wǎng)站建設(shè)</a><a target="_blank">app網(wǎng)站建設(shè)</a><a target="_blank">資陽(yáng)網(wǎng)站建設(shè)</a><a target="_blank">德陽(yáng)網(wǎng)站建設(shè)</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>服務(wù)器托管</h3>
<a target="_blank">資陽(yáng)天府云計(jì)算中心</a><a target="_blank">綿陽(yáng)托管服務(wù)器</a><a target="_blank">重慶移動(dòng)機(jī)房托管</a><a target="_blank">雅安服務(wù)器托管</a><a target="_blank">重慶聯(lián)通機(jī)房托管</a><a target="_blank">機(jī)柜租用</a> </li>
</ul>
</div>
<div id="squ6kqw" class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12">
<p>全國(guó)免費(fèi)咨詢(xún):</p>
<b>400-028-6601</b>
<p>業(yè)務(wù)咨詢(xún)：028-86922220 / 13518219792</p>
<p>節(jié)假值班：18980820575 / 13518219792</p>
<p>聯(lián)系地址：成都市太升南路288號(hào)錦天國(guó)際A幢1002號(hào)</p>
</div>
</div>
<div id="squ6kqw" class="footb">
<div id="squ6kqw" class="copy container">
<div id="squ6kqw" class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司 <a target="_blank">渝ICP備2021005571號(hào)</a></div>
<!--<div id="squ6kqw" class="fr"><a target="_blank">成都網(wǎng)站建設(shè)</a>：<a target="_blank">創(chuàng)新互聯(lián)</a></div>-->
</div>
</div>
<div id="squ6kqw" class="link">
<div id="squ6kqw" class="container">
友情鏈接:：
<a target="_blank">成都網(wǎng)站建設(shè)</a>
<a target="_blank">重慶網(wǎng)站建設(shè)</a>
<a href="">四川網(wǎng)站建設(shè)</a>
<a href="">重慶建設(shè)網(wǎng)站</a>
<a target="_blank">移動(dòng)服務(wù)器托管</a>
<a target="_blank">成都服務(wù)器托管</a>
<a target="_blank">云服務(wù)器</a>
<a target="_blank">廣告設(shè)計(jì)制作</a>
<a target="_blank">重慶網(wǎng)頁(yè)設(shè)計(jì)</a>
<a target="_blank">重慶做網(wǎng)站</a>
<a target="_blank">重慶網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站建設(shè)</a>
<a href="">重慶網(wǎng)站公司</a>
<a href="">渝中網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站設(shè)計(jì)</a>
</div>
</div>
</div>
<div id="squ6kqw" class="foot">
<ul class="public-celan">
<li>
<a target="_blank" class="a1 db tc">
<img src="/Public/Home/img/icon-23.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">在線咨詢(xún)</span>
</a>
</li>
<li>
<a href="tel:18980820575" class="a1 db tc">
<img src="/Public/Home/img/icon-24.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">電話(huà)咨詢(xún)</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc">
<img src="/Public/Home/img/icon-25.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">QQ咨詢(xún)</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up">
<img src="/Public/Home/img/icon-26.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">預(yù)約顧問(wèn)</span>
</a>
</li>
</ul>
</div>
<div id="squ6kqw" class="customer">
<dl class="icon1">
<dt>
<a href="tencent://message/?uin=1683211881&Site=&Menu=yes">
<i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i>
<p>在線咨詢(xún)</p>
</a>
</dt>
</dl>
<dl class="icon2">
<dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢(xún)</p></dt>
<dd><img src="/Public/Home/img/ewm.png"></dd>
</dl>
<dl class="icon3">
<dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話(huà)咨詢(xún)</p></dt>
<dd>
<p>028-86922220（工作日）</p>
<p>18980820575（7×24）</p>
</dd>
</dl>
<dl class="icon4">
<dt class="sShow">
<a href="tencent://message/?uin=244261566&Site=&Menu=yes">
<i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p>
</a>
</dt>
</dl>
<dl class="icon5">
<dt class="gotop">
<a href="#top">
<i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p>
</a>
</dt>
</dl>
</div>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://weahome.cn/" title="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="444gm" class="pl_css_ganrao" style="display: none;"><xmp id="444gm"></xmp><strong id="444gm"></strong><ul id="444gm"></ul><wbr id="444gm"><cite id="444gm"><nav id="444gm"></nav></cite></wbr><tr id="444gm"><sup id="444gm"><center id="444gm"></center></sup></tr><pre id="444gm"></pre><acronym id="444gm"></acronym><del id="444gm"></del><samp id="444gm"></samp><strong id="444gm"><noframes id="444gm"><ul id="444gm"></ul></noframes></strong><em id="444gm"></em><li id="444gm"></li><code id="444gm"><table id="444gm"><tr id="444gm"></tr></table></code><tr id="444gm"></tr><noscript id="444gm"></noscript><tr id="444gm"><sup id="444gm"><blockquote id="444gm"></blockquote></sup></tr><abbr id="444gm"></abbr><tfoot id="444gm"></tfoot><rt id="444gm"><code id="444gm"><optgroup id="444gm"></optgroup></code></rt><pre id="444gm"></pre><wbr id="444gm"></wbr><code id="444gm"><table id="444gm"><tr id="444gm"></tr></table></code><xmp id="444gm"><strike id="444gm"><rt id="444gm"></rt></strike></xmp><tfoot id="444gm"></tfoot><blockquote id="444gm"></blockquote><small id="444gm"><noframes id="444gm"><ul id="444gm"></ul></noframes></small><object id="444gm"></object><menu id="444gm"></menu><strong id="444gm"></strong><button id="444gm"><samp id="444gm"><tbody id="444gm"></tbody></samp></button><acronym id="444gm"></acronym><noframes id="444gm"></noframes><xmp id="444gm"></xmp><tfoot id="444gm"></tfoot><strong id="444gm"></strong><em id="444gm"><del id="444gm"><dfn id="444gm"></dfn></del></em><fieldset id="444gm"></fieldset><bdo id="444gm"><option id="444gm"><del id="444gm"></del></option></bdo><blockquote id="444gm"><tfoot id="444gm"><source id="444gm"></source></tfoot></blockquote><noscript id="444gm"></noscript><pre id="444gm"></pre><bdo id="444gm"><em id="444gm"><del id="444gm"></del></em></bdo><blockquote id="444gm"><tbody id="444gm"><source id="444gm"></source></tbody></blockquote><object id="444gm"></object><menu id="444gm"></menu><th id="444gm"><s id="444gm"><bdo id="444gm"></bdo></s></th><td id="444gm"></td><menu id="444gm"><noscript id="444gm"><option id="444gm"></option></noscript></menu><abbr id="444gm"></abbr><abbr id="444gm"></abbr></div>
</html>
<script>
$(".con 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; //絕對(duì)路徑
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>