基本信息
源码名称：web页面调用摄像头 示例源码
源码大小：0.06M
文件格式：.rar
开发语言：js
更新时间：2016-12-27
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>拍照</title>
<style type="text/css">
#camera{width:598px; height:525px;}
#cam{width:100%; height:66px; display:block; position:absolute; top:0; left:0; cursor:pointer}
#webcam{width:520px; height:370px; margin:66px auto 22px; line-height:360px; background:#ccc; color:#666; text-align:center}
.button_pane{text-align:center;}
.btn_blue,.btn_green{width:99px; height:38px; line-height:32px; margin:0 4px; border:none; display:inline-block; text-align:center; font-size:14px; color:#fff !important; text-shadow:1px 1px 1px #277c9b; background:url(images/buttons.png) no-repeat}
.btn_green{background:url(images/buttons.png) no-repeat right top;text-shadow:1px 1px 1px #498917;}
.hidden{display:none}

#photos{width:80%; margin:40px auto}
#photos:hover a{opacity:0.5}
#photos a:hover{opacity:1}
</style>
</head>

<body>
<div id="main" style="width:90%">
   <div id="photos"></div>
   <div id="camera">
       <div id="cam"></div>
       <div id="webcam"></div>
       <div id="buttons">
    	  <div class="button_pane" id="shoot">
        	<a id="btn_shoot" href="" class="btn_blue">拍照</a>
          </div>
          <div class="button_pane hidden" id="upload">
        	<a id="btn_cancel" href="" class="btn_blue">取消</a> <a id="btn_upload" href="" class="btn_green">上传</a>
          </div>
       </div>
   </div>
   
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/webcam.js"></script>
<script type="text/javascript" src="js/script.js"></script>

</body>
</html>