该 API 会提示用户给予使用媒体输入的许可,媒体输入会产生一个MediaStream,里面包含了请求的媒体类型的轨道。
以下是要给简单的示例:
navigator.mediaDevices.getUserMedia({
audio: true,
video: {
width: {min: 1024, max: 1920, ideal: 1280},
height: {min: 576, max: 1080, ideal: 720 },
frameRate: { max: 30 }
}
}).then((stream) => {
var v = document.getElementById('video1')
v.srcObject = stream
v.onloadedmetadata = () => {
v.play();
}
})
更多关于WebRTC资料:
https://zhuanlan.zhihu.com/p/432772488
https://zhuanlan.zhihu.com/p/542466912
https://zhuanlan.zhihu.com/p/328171532
https://github.com/webrtc