使用JavaScript怎么调用设备摄像头

使用JavaScript怎么调用设备摄像头?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

创新互联凭借专业的设计团队扎实的技术支持、优质高效的服务意识和丰厚的资源优势,提供专业的网站策划、成都网站制作、网站建设、外贸网站建设、网站优化、软件开发、网站改版等服务,在成都十年的网站建设设计经验,为成都千余家中小型企业策划设计了网站。

使用getUserMedia这个API来获取摄像头的权限 

兼容chrome和火狐,IOS不兼容

下面是源码:



 
  
  
  
  Document
 
 
  
  
   var opt = {
    audio: true,
    video: {
     width: 375,
     height: 603
    }
   };
   navigator.mediaDevices.getUserMedia(opt)
    .then(function(mediaStream) {
     var video = document.querySelector('video');
     video.srcObject = mediaStream;
     video.onloadedmetadata = function(e) {
      video.play();
     };
    })
    .catch(function(err) {
     console.log(err.name + ": " + err.message);
    }); // always check for errors at the end.
  
 

JavaScript是什么

JavaScript是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,JavaScript是被广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。

看完上述内容,你们掌握使用JavaScript怎么调用设备摄像头的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


分享题目:使用JavaScript怎么调用设备摄像头
网站路径:http://scyanting.com/article/jicoeh.html