this-fifo/jutsu

How to enable screen sharing

Closed this issue · 4 comments

HarshvardhanThosar commented

The share screen option opens a pop-up window but doesn't show the options. It just shows a loading circle.

this-fifo commented

hey @HarshvardhanThosar I have tried reproducing what you described and had no issues with screen sharing, maybe you need to enable popups or give permissions on your browser?

HarshvardhanThosar commented

@this-fifo , Hey there.
I am so sorry I did not test the same before issuing this dumb issue.

I was actually trying jutsu only in electron and hence I am getting this problem. Please guide me for electrons implementation.

Please can you guide me on how to enable screen sharing, camera access and microphone access in a PWA too.

My main.js for electron application is like this.

const { app, BrowserWindow } = require("electron");

const path = require("path");
const isDev = require("electron-is-dev");

require("@electron/remote/main").initialize();

function createWindow() {
  // Create the browser window.
  const win = new BrowserWindow({
    width: 1000,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
      enableRemoteModule: true,
    },
  });

  win.loadURL(
    isDev
      ? "http://localhost:3000"
      : `file://${path.join(__dirname, "../build/index.html")}`
  );
}

app.on("ready", createWindow);

// Quit when all windows are closed.
app.on("window-all-closed", function () {
  // On OS X it is common for applications and their menu bar
  // to stay active until the user quits explicitly with Cmd + Q
  if (process.platform !== "darwin") {
    app.quit();
  }
});

app.on("activate", function () {
  // On OS X it's common to re-create a window in the app when the
  // dock icon is clicked and there are no other windows open.
  if (BrowserWindow.getAllWindows().length === 0) createWindow();
});
this-fifo commented

That makes more sense now, I am not sure Jitsi is optimized/configured to run within Electron (even mobile browsers still aren't fully supported)

From what I found, it seems that you just need to implement a custom desktopCapturer inside Electron's API to be able to see the picker dialog window

Here's some further reading on it:

I will close this issue since it's outside of the scope here, if the solutions above don't work you will need to investigate within Electron's API and with Jitsi API to see if they can talk to each other, <Jutsu /> is just a convenient react wrapper around Jitsi

HarshvardhanThosar commented

Ok thank you very much for putting efforts and finding all this information for me. I'll try to resolve with the solutions you have linked.

  • ❤️1