语言吧技术网欢迎您投稿,程序员的世界我懂你!=====>点此登录投搞
当前位置: 首页 >>JAVASCRIPT >>JS实战技巧 >>HDHCMS收集H5调用手机摄像头拍照与录视频演示

HDHCMS收集H5调用手机摄像头拍照与录视频演示

2019/12/2 3:29:00 0人评论 95次 作者:admin

HDHCMS收集H5调用手机摄像头拍照与录视频演示…

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <title>HDHCMS分别调用手机摄像头拍照与录视频演示</title>

</head>

<script>

var hdhCmsFile = document.querySelector('input');

if (hdhCmsIos()) {

   hdhCmsFile.removeAttribute("capture");

}

function hdhCmsIos() {

   var hdhCmsUa=navigator.userAgent.toLowerCase();

   if (hdhCmsUa.match(/iPhone\sOS/i) == "iphone os") {

      return true;

   } else {

      return false;

   }

}

</script>

<body>

<label>

照相机:

<input type="file" id='image' accept="image/*" capture='camera' multiple>

</label>

<br>

<label>

摄像机:

<input type="file" id='video' accept="video/*" capture='camcorder'>

</label>

</body>

</html>


相关文章

CopyRight:2007-2018 语言吧 备案ICP:湘ICP备09009000号-15 http://www.yuyanba.com
欢迎【康乃狄克州 】的朋友
内容与素材部分来源于网络,如有侵权请告知删除
分享按钮