<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<video autoplay></video>
</body>
<script src="js/new_file.js" type="text/javascript">
</script>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<video autoplay></video>
</body>
<script src="js/new_file.js" type="text/javascript">
</script>
</html>
//js代码
navigator.mediaDevices.getUserMedia({audio:true,video:true}).then(function(stream){
console.log(stream);
var video = document.querySelector("video");
video.src = URL.createObjectURL(stream); //转化为URL格式
})
webAPI 获取摄像头及mic
Navigater -> mediaDevices(MediaDevices)-> getUserMedia()
可以通过mediaDevices 获得设备的摄像头或者mic
通过getUserMedia 获得视频 或者 音频流 (MediaStream)
getUserMedia({video:true,audio:true}) -> promise
Then(function(stream){})-> 视频流或者音频流
Audio/Video标签 不可以直接播放 MediaStream这种格式的数据 -> 转换为URL -> URL.createObjectURL(MediaStream);
Navigater -> mediaDevices(MediaDevices)-> getUserMedia()
可以通过mediaDevices 获得设备的摄像头或者mic
通过getUserMedia 获得视频 或者 音频流 (MediaStream)
getUserMedia({video:true,audio:true}) -> promise
Then(function(stream){})-> 视频流或者音频流
Audio/Video标签 不可以直接播放 MediaStream这种格式的数据 -> 转换为URL -> URL.createObjectURL(MediaStream);