Estoy creando una aplicación de JavaScript para mostrar una pantalla compartida y una entrada de cámara juntas en una sola página. La intención es compartir esa pestaña del navegador en otras aplicaciones (Zoom, etc.) utilizando la función de uso compartido de esas aplicaciones (por lo que no estoy usando WebRTC). Todo funciona bien, excepto el audio.

El audio que me interesa proviene de una sola aplicación (no basada en la web), por lo que la única forma que conozco de capturarlo es capturando toda la pantalla y el audio del sistema. Pero entonces, si asigno este medio a un objeto de video (el punto central del ejercicio), estoy atrapado entre la espada y la pared. Si silencio el objeto de video, suena bien, pero luego, compartir la pestaña con aplicaciones externas no envía audio, ya que el. Si no silenciar el objeto de video, obtengo eco, no de mi micrófono, sino simplemente porque el sonido del objeto de video ahora es parte del audio del sistema, que luego se retroalimenta a la pantalla compartida.

El problema me queda claro, la solución no. En principio, la configuración de echoCancellation parecería hecha a la medida para lidiar con esto, pero no tiene ningún efecto. O de lo contrario no lo estoy usando correctamente. Lo estoy aplicando como una restricción en la llamada getDisplayMedia():

 var displayMediaOptions = { video: { cursor: "always" }, audio: { autoGainControl: false, echoCancellation: true, noiseSuppression: false } };

y llamando:

 videoElem.srcObject = await navigator.mediaDevices.getDisplayMedia(displayMediaOptions);

¿Hay algo que me estoy perdiendo acerca de cómo funciona esto? ¿O algún truco que podría usar para que la salida de mi aplicación esté disponible como "audio de pestaña" para los programas que desean compartir la pestaña, pero de alguna manera no la incluyen en el audio del sistema?

Intenté leer sobre la API de audio web para ver si eso podía ayudar, y parece prometedor, pero también es bastante abrumador. Soy realmente un novato en todo esto.