好资源导航 » 文章资讯 » js调用设备摄像头的方法

js调用设备摄像头的方法

2023-09-10 02:46:06 68

本文实例为大家分享了js调用设备摄像头的具体代码，供大家参考，具体内容如下

使用getUserMedia这个API来获取摄像头的权限
兼容chrome和火狐，IOS不兼容

下面是源码：







Document




varopt={
audio:true,
video:{
width:375,
height:603
}
};
navigator.mediaDevices.getUserMedia(opt)
.then(function(mediaStream){
varvideo=document.querySelector('video');
video.srcObject=mediaStream;
video.onloadedmetadata=function(e){
video.play();
};
})
.catch(function(err){
console.log(err.name+":"+err.message);
});//alwayscheckforerrorsattheend.

注意，如果使用chrome查看代码需要在https协议下才能生效，建议使用火狐查看。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

js调用设备摄像头的方法

热门推荐

随机推荐