h5调用手机摄像头获取图片用于人脸识别

linziping

已于 2023-04-02 18:34:52 修改

阅读量2.6k

点赞数

分类专栏： javascript 文章标签： javascript 摄像头人脸识别 h5

于 2023-04-02 18:27:46 首次发布

本文链接：https://blog.csdn.net/linziping/article/details/129910009

版权

h5调用手机摄像头获取图片用于人脸识别

1、安卓手机获取前置摄像头，并在video标签显示
注：navigator.mediaDevices.getUserMedia文档说明兼容Safari11，实测不好用

        function InitMedia(){
        	let video = document.getElementById('video');
        	let option = {
					video: {
						width: 200,
						height: 200,
						facingMode:  "user" //  user:获取前置摄像头，environment:获取后置摄像头
					}, //使用摄像头对象
					audio: false //音频 
				}};
        	// 旧版使用媒体Api已废弃，主要用于浏览器向后兼容
        	navigator.getMedia =navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
			// 新版使用媒体api
			if(navigator.mediaDevices.getUserMedia){
				navigator.mediaDevices.getUserMedia(option).then((strem)=>{
					try {
						if('srcObject' in video){ video.srcObject = strem; }
						else{ video.src = window.URL.createObjectURL(strem);  }
					} catch (error) {
						cons

最低0.47元/天解锁文章