src/webview/screenshare.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

import { ipcRenderer } from 'electron';
import { v4 as uuidV4 } from 'uuid';

const debug = require('../preload-safe-debug')('Ferdium:Screenshare');

export async function getDisplayMediaSelector() {
  return new Promise((resolve, reject) => {
    const trackerId = uuidV4();
    debug('New screenshare request', trackerId);

    ipcRenderer.sendToHost('load-available-displays', {
      trackerId,
    });

    ipcRenderer.once(`selected-media-source:${trackerId}`, (_e, data) => {
      if (data.mediaSourceId === 'desktop-capturer-selection__cancel') {
        return reject(new Error('Cancelled by user'));
      }

      return resolve(data.mediaSourceId);
    });
  });
}

export const screenShareJs = `
window.navigator.mediaDevices.getDisplayMedia = () => new Promise(async (resolve, reject) => {
  try {
    const displayId = await window.ferdium.getDisplayMediaSelector();
    const stream = await window.navigator.mediaDevices.getUserMedia({
      audio: false,
      video: {
        mandatory: {
          chromeMediaSource: 'desktop',
          chromeMediaSourceId: displayId,
        },
      },
    });
    resolve(stream);
  } catch (err) {
    reject(err);
  }
});
`;