利用navigator.mediaDevices.getUserMedia做视频流显示

该 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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容