Estoy tratando de hacer una aplicación de grabación de video usando electron js según este video de fireship: https://youtu.be/3yqDxhR2XxE y estoy atascado en la creación de un menú de selección de fuentes de video disponibles, ya que resultó que el "remote" El módulo "remote" ha quedado obsoleto. Tengo 2 archivos js, uno es index.js , que es el archivo principal de electron js y el otro es el archivo render.js (en el que estoy creando funciones para mi aplicación). Intenté importar el módulo "remote" en el archivo index.js pero no funcionó. Incluso configuré enableRemoteModule: true en webPreferences en index.js , pero eso tampoco funcionó. Ahora estoy completamente sin ideas como novato. Escuché sobre los módulos ipcRenderer e ipcMain pero no estoy seguro de que funcionen.

A continuación se muestra el código de mi "app.js":

 //Buttons const videoElement = document.querySelector('Video'); const startBtn = document.getElementById('startBtn'); const stopBtn = document.getElementById('stopBtn'); const videoSelectBtn = document.getElementById('videoSelectBtn'); videoSelectBtn.onclick = getVideoSources; const { desktopCapturer } = require("electron"); const { remote } = require('@electron/remote') const { Menu } = remote //Getting all available Video Sources async function getVideoSources() { const inputSources = await desktopCapturer.getSources({ types: ['window', 'screen'] }); const videoOptionsMenu = Menu.buildFromTemplate( inputSources.map(source => { return { label: source.name, click: () => selectSource(source) }; }) ); videoOptionsMenu.popup(); }