Electron + React学习记录_08_项目实战-远程控制_4_WebRTC介绍与实现

最新推荐文章于 2024-10-12 18:41:49 发布

weixin_42595231

最新推荐文章于 2024-10-12 18:41:49 发布

阅读量442

点赞数

分类专栏： Electron 文章标签： javascript nodejs typescript

本文链接：https://blog.csdn.net/weixin_42595231/article/details/115196351

版权

本文介绍了WebRTC的主要组件，并通过getUserMedia深入探讨了如何捕获和播放桌面/窗口流。重点展示了 Electron+React 项目中实现桌面捕获的代码示例。

摘要由CSDN通过智能技术生成

先回顾一下WebRTC的主要构成
在这里插入图片描述

getUserMedia

在这里插入图片描述
例子：

如何播放：

//直接再cosole输入，如果有摄像头，则请求调用，网页就会显示摄像头和声音
navigator.mediaDevices
  .getUserMedia({
   
    audio: true,
    video: {
   
      width: {
    min: 1024, ideal: 1280, max: 1920 },
      height: {
    min: 576, ideal: 720, max: 1080 },
      frameRate: {
    max: 30 },
    },