用html5做界面,javascript调用摄像头实例,web页面调用摄像头 示例源码

【实例简介】

【实例截图】

【核心代码】

拍照

#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}

拍照

取消 上传