乐趣区

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

jiezi

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

模块 形容
desktopCapturer 用来获取可用资源，这个资源可通过 getUserMedia 捕捉失去
ipcRenderer 是一个 EventEmitter 类的实例，它提供了无限的办法，能够从渲染过程向主过程发送同步或异步音讯，也能够收到主过程的相应
remote 提供了一个简略的跨过程之间通信的办法
webFrame 用来定制以后网页的渲染

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 模块有下列办法来监听事件：

办法 形容
on 监听 channel，当有新音讯达到，应用 listener(event, args...) 调用 listener
once 为这个事件增加一个一次性 listener 函数
removeListener 从指定的 channel 中的监听者数组删除指定的 listener
removeAllListeners 删除所有的监听者，或者删除指定 channel 中的全副

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

办法 形容
send 通过 channel 向主过程发送异步音讯，也能够发送任意参数，参数会被 JSON 序列化，之后就不会蕴含函数或原型链
sendSync 通过 channel 向主过程发送同步音讯，也能够发送任意参数，参数会被 JSON 序列化，之后就不会蕴含函数或原型链
sendToHost 相似 ipcRenderer.send，然而它的事件将发往 host page 的 <webview> 元素，而不是主过程

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 模块的办法有：

办法 形容
require 返回在主过程中执行 require(module) 所返回的对象
getCurrentWindow 返回该网页所属的 BrowserWindow 对象
getCurrentWebContents 返回该网页的 WebContents 对象
getGlobal 返回在主过程中名为 name 的全局变量 (即 global[name])
process 返回主过程中的 process 对象

webFrame 模块

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

示例：

例如将页面放大到 150%：

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

web-frame 模块有如下办法：

办法 形容
setZoomFactor 将缩放参数批改为指定的参数值，缩放参数是百分制的，所以 300% = 3.0
getZoomFactor 返回以后缩放参数值
setZoomLevel 将缩放程度批改为指定的程度值，原始 size 为 0，并且每次增长都示意放大 20% 或放大 20%
getZoomLevel 返回以后缩放程度值
setZoomLevelLimits 设置缩放程度的最大值和最小值
setSpellCheckProvider 为输入框或文本域设置一个拼写查看 provider
退出移动版