feat: allow patching screenshare with any audio device

src/renderer/components/ScreenSharePicker.tsx

@@ -20,6 +20,7 @@ import {
     useState
 } from "@vencord/types/webpack/common";
 import type { Dispatch, SetStateAction } from "react";
+import { patchAudioWithDevice } from "renderer/patches/screenShareAudio";
 import { addPatch } from "renderer/patches/shared";
 import { isLinux, isWindows } from "renderer/utils";
 
@@ -37,6 +38,7 @@ interface StreamSettings {
     audio: boolean;
     audioSource?: string;
     workaround?: boolean;
+    audioDevice?: string;
 }
 
 export interface StreamPick extends StreamSettings {
@@ -113,6 +115,9 @@ export function openScreenSharePicker(screens: Source[], skipPicker: boolean) {
                                 await VesktopNative.virtmic.start([v.audioSource], v.workaround);
                             }
                         }
+
+                        patchAudioWithDevice(v.audioDevice);
+
                         resolve(v);
                     }}
                     close={() => {
@@ -215,6 +220,11 @@ function StreamSettings({
                     </section>
                 </div>
 
+                <AudioSourceAnyDevice
+                    audioDevice={settings.audioDevice}
+                    setAudioDevice={source => setSettings(s => ({ ...s, audioDevice: source }))}
+                />
+
                 {isWindows && (
                     <Switch
                         value={settings.audio}
@@ -239,6 +249,38 @@ function StreamSettings({
     );
 }
 
+function AudioSourceAnyDevice({
+    audioDevice,
+    setAudioDevice
+}: {
+    audioDevice?: string;
+    setAudioDevice(s: string): void;
+}) {
+    const [sources, _, loading] = useAwaiter(
+        () =>
+            navigator.mediaDevices
+                .enumerateDevices()
+                .then(devices => devices.filter(device => device.kind === "audioinput")),
+        { fallbackValue: [] }
+    );
+
+    return (
+        <section>
+            <Forms.FormTitle>Audio</Forms.FormTitle>
+            {loading && <Forms.FormTitle>Loading audio devices...</Forms.FormTitle>}
+
+            {sources.length > 0 && (
+                <Select
+                    options={sources.map((s, idx) => ({ label: s.label, value: s.deviceId, default: idx === 0 }))}
+                    isSelected={s => s === audioDevice}
+                    select={setAudioDevice}
+                    serialize={String}
+                />
+            )}
+        </section>
+    );
+}
+
 function AudioSourcePickerLinux({
     audioSource,
     workaround,

src/renderer/patches/screenShareAudio.ts

@@ -6,9 +6,27 @@
 
 import { isLinux } from "renderer/utils";
 
-if (isLinux) {
+const original = navigator.mediaDevices.getDisplayMedia;
-    const original = navigator.mediaDevices.getDisplayMedia;
 
+export const patchAudioWithDevice = (deviceId?: string) => {
+    if (!deviceId) {
+        navigator.mediaDevices.getDisplayMedia = original;
+        return;
+    }
+
+    navigator.mediaDevices.getDisplayMedia = async function (opts) {
+        const stream = await original.call(this, opts);
+        const audio = await navigator.mediaDevices.getUserMedia({ audio: { deviceId: { exact: deviceId } } });
+        const tracks = audio.getAudioTracks();
+
+        tracks.forEach(t => stream.addTrack(t));
+        console.log(`Patched stream ${stream.id} with ${tracks.length} audio tracks from ${deviceId}`);
+
+        return stream;
+    };
+};
+
+if (isLinux) {
     async function getVirtmic() {
         try {
             const devices = await navigator.mediaDevices.enumerateDevices();