阅读打卡day7
WebRTC 是浏览器之间点对点（Peer-to-Peer）的连接
通过摄像头，麦克风，屏幕共享等方式获取到媒体流，然后通过 WebRTC 技术将媒体流传输到远端实现实时通讯
WebRTC 只能在 HTTPS 协议或者 localhost 下使用，如果是 HTTP 协议，会报错。
主要通过navigator.mediaDevices.getUserMedia(constraints)这个 api 来获取媒体流，参数是配置对象的信息
constraints参数中具体支持哪些配置项，可以通过navigator.mediaDevices.getSupportedConstraints()这个方法来获取
将媒体流赋值给 video 标签的 srcObject 属性，让其播放。
实现拍照功能，canvas 标签可以将媒体流绘制到 canvas 上，也可以通过 toDataURL 方法将 canvas 转换为 base64 图片后做一些其他操作。
最终生成的 imgUrl 给到 img 标签让其展示就行了。
WebRTC 是浏览器之间点对点（Peer-to-Peer）的连接
通过摄像头，麦克风，屏幕共享等方式获取到媒体流，然后通过 WebRTC 技术将媒体流传输到远端实现实时通讯
WebRTC 只能在 HTTPS 协议或者 localhost 下使用，如果是 HTTP 协议，会报错。
主要通过navigator.mediaDevices.getUserMedia(constraints)这个 api 来获取媒体流，参数是配置对象的信息
constraints参数中具体支持哪些配置项，可以通过navigator.mediaDevices.getSupportedConstraints()这个方法来获取
将媒体流赋值给 video 标签的 srcObject 属性，让其播放。
实现拍照功能，canvas 标签可以将媒体流绘制到 canvas 上，也可以通过 toDataURL 方法将 canvas 转换为 base64 图片后做一些其他操作。
最终生成的 imgUrl 给到 img 标签让其展示就行了。
展开
评论
点赞