介绍 & lt; ! DOCTYPE html>
& lt; html lang=皕h"祝辞
,& lt; head>
& lt;才能meta charset=癠TF-8",/比;
& lt;才能meta name=皏iewport",内容=翱矶?设备宽度,初始=1.0“,/比;
& lt;才能meta http-equiv=癤-UA-Compatible",内容=癷e=edge",/比;
& lt;才能title> Document</title>
,& lt;/head>
,& lt; body>
& lt;才能https://www.yisu.com/zixun/video src=" ">
<脚本type=" text/javascript”>
var选择={
音频:没错,
视频:{
宽度:375年,
身高:603
}
};
navigator.mediaDevices.getUserMedia(选择)
不要犹豫(函数(mediaStream) {
var=document.querySelector视频(视频);
视频。srcObject=mediaStream;
视频。onloadedmetadata=function (e) {
video.play ();
};
})
.catch(函数(err) {
console.log (err.name +“:”+ err.message);
});//最后总是检查错误。>
使用JavaScript怎么调用设备摄像头?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
使用getUserMedia这个API来获取摄像头的权限,
兼容chrome和火狐,IOS不兼容
下面是源码: