思想:
获取本地视频流
1、navigator 提供视频流注册的一些活动
2、mediaDevices:提供访问连接媒体输入的设备(相机、麦克风、视频。。。)
3、getUserMedia 得到用户的设备,使用户开启设备权限
constraints 流的触发的参数,得到用户许可的参数
4、得到用户的视频流(媒体流)输出到video
html代码
<video style="width: 200px;height: 200px;"></video>
js代码
var constraints={video:true};
//调用设备
navigator.mediaDevices.getUserMedia(constraints)
.then(function (mediaStream) { //调用设备成功
//获取video
var video = document.querySelector('video ')
console.log(video)
//输出到video
video.srcObject = mediaStream
//视频流加载成功之后播放
video.onloadedmetadata=function(){
video.play()//播放
}
})