electron-vue-screen-capture

screen capture base on electron & vue

usage

// install
npm install electron-vue-screen-capture -S

// config in vue.config.js
pluginOptions: {
  electronBuilder: {
    builderOptions: {
      extraResources:[{
        from: 'node_modules/electron-vue-screen-capture/dist_electron/bundled/',
        to: './screen-capture'
      }]
    }
  }
}

// use
import { init, start, close, targetWin } from 'electron-vue-screen-capture/src/main/modules/screenCapture.js'
// initial render process
init(win) // your BrowserWindow

// after clicked a btn，show capture window
start(type) // type 'minimum' will hide the targetWin

// after capture finished/cancaled
ipcMain.on('getCaptureData', (e, data) => {
  // base64 for image, if capture was canceled, return false
  if (typeof data === 'string') targetWin.send('getCaptureData', data);
  // after finish deal with image, close capture's window manualy
  close('hide');
});

ipcRenderer.on('screenCaptureAuthFailed', () => {
  // mac ScreenCapture promission failed
  // do something in your BrowserWindow
})

// close capture manualy
close(type)
// type 'refresh' will exit capture's windows and restart
// type 'hide' will hide capture's windows
// otherwise force destory capture's windows

downloads

single version

develop

npm i
npm run serve

mainly achieved features

1. tested and could be used in electron 8.x ~ 9.X (chromium 80 ~ 83)
2. support mac & windows platform
3. get mac's screenCapture promission automatically (after macOS 10.15)
4. support only fullscreen's capture, window's capture was not supported

optimize