RTC-15321 - Use setDisplayMediaRequestHandler instead

src/app/chrome-flags.ts

@@ -115,14 +115,15 @@ export const setChromeFlags = () => {
 export const setSessionProperties = () => {
   logger.info(`chrome-flags: Settings session properties`);
   const { customFlags } = config.getConfigFields(['customFlags']) as IConfig;
+  const { defaultSession } = session;
 
   if (
-    session.defaultSession &&
+    defaultSession &&
     customFlags &&
     customFlags.authServerWhitelist &&
     customFlags.authServerWhitelist !== ''
   ) {
-    session.defaultSession.allowNTLMCredentialsForDomains(
+    defaultSession.allowNTLMCredentialsForDomains(
       customFlags.authServerWhitelist,
     );
   }

src/app/display-media-request-handler.ts

@@ -0,0 +1,15 @@
+import { session } from 'electron';
+
+export const setDisplayMediaRequestHandler = () => {
+  const { defaultSession } = session;
+
+  defaultSession.setDisplayMediaRequestHandler(
+    async (_request, _callback) => {
+      console.log('We are here!');
+      // const sources = await desktopCapturer.getSources({ types: ['screen', 'window'] })
+      // callback({ video: sources[0] })
+      // // Create picker -->
+    },
+    { useSystemPicker: true },
+  );
+};

src/app/main.ts

@@ -16,6 +16,7 @@ import { ICustomBrowserWindow, windowHandler } from './window-handler';
 import { autoLaunchInstance } from './auto-launch-controller';
 import { autoUpdate } from './auto-update-handler';
 import { presenceStatusStore } from './stores';
+import { setDisplayMediaRequestHandler } from './display-media-request-handler';
 
 // Set automatic period substitution to false because of a bug in draft js on the client app
 // See https://perzoinc.atlassian.net/browse/SDA-2215 for more details
@@ -108,6 +109,7 @@ const startApplication = async () => {
   // Picks global config values and updates them in the user config
   await config.updateUserConfigOnStart();
   setSessionProperties();
+  setDisplayMediaRequestHandler();
   await autoUpdate.init();
   await windowHandler.createApplication();
   logger.info(`main: created application`);

src/renderer/desktop-capturer.ts

@@ -59,7 +59,7 @@ export const getSource = async (
   let captureWindow;
   let captureScreen;
   let id;
-  const sourcesOpts: string[] = [];
+  const sourcesOpts: ('window' | 'screen')[] = [];
   const { requestId, ...updatedOptions } = options;
   if (!isValid(options)) {
     callback({