关于electron:Electron-在渲染进程内可用的模块

上面是 Electron 中渲染过程可用的模块：

desktopCapturer 模块

desktopCapturer 模块用来获取可用的资源，能够用 getUserMedia 来获取。

示例：

// 在渲染过程中
var desktopCapturer = require('electron').desktopCapturer;

desktopCapturer.getSources({types: ['window', 'screen']}, function(error, sources) {if (error) throw error;
  for (var i = 0; i < sources.length; ++i) {if (sources[i].name == "Electron") {
      navigator.webkitGetUserMedia({
        audio: false,
        video: {
          mandatory: {
            chromeMediaSource: 'desktop',
            chromeMediaSourceId: sources[i].id,
            minWidth: 1280,
            maxWidth: 1280,
            minHeight: 720,
            maxHeight: 720
          }
        }
      }, gotStream, getUserMediaError);
      return;
    }
  }
});

function gotStream(stream) {document.querySelector('video').src = URL.createObjectURL(stream);
}

function getUserMediaError(e) {console.log('getUserMediaError');
}

上述代码中，当调用 navigator.webkitGetUserMedia 时创立一个束缚对象，如果应用 desktopCapturer 的资源，必须设置 chromeMediaSource 为 "desktop"，并且 audio 为 false。

如果咱们想捕捉整个桌面的 audio 和 video，能够设置 chromeMediaSource 为 "screen"，和 audio 为 true。当应用这个办法的时候，不能够指定一个 chromeMediaSourceId。

ipcRenderer 模块

ipcRenderer 模块是一个 EventEmitter 对象的实例，它提供了一些办法能够用来向主过程发送同步或异步音讯，也能够收到主过程的响应。

ipcRenderer 模块有下列办法来监听事件：

ipcRenderer 模块有如下办法来发送音讯：

remote 模块

remote 模块提供了一种在渲染过程（网页）和主过程之间进行过程间通信（IPC）的简便路径。

示例：

上面是从渲染过程创立一个浏览器窗口的例子：

const remote = require('electron').remote;
const BrowserWindow = remote.BrowserWindow;

var win = new BrowserWindow({width: 800, height: 600});
win.loadURL('https://github.com');

remote 模块的办法有：

webFrame 模块

webFrame 模块用来定制以后网页的渲染。

示例：

例如将页面放大到 150%：

var webFrame = require('electron').webFrame;
webFrame.setZoomFactor(2)

web-frame 模块有如下办法：