fixed things who even knows what i did anymore

src/renderer/components/ScreenSharePicker.tsx

@@ -36,6 +36,7 @@ interface StreamSettings {
     fps: StreamFps;
     audio: boolean;
     audioSource?: string;
+    contentHint?: string;
     workaround?: boolean;
 }
 
@@ -49,7 +50,7 @@ interface Source {
     url: string;
 }
 
-let currentSettings: StreamSettings | null = null;
+export let currentSettings: StreamSettings | null = null;
 
 addPatch({
     patches: [
@@ -179,7 +180,7 @@ function StreamSettings({
             deps: [source.id]
         }
     );
-
+    // the source's name is not properly being displayed
     return (
         <div>
             <Forms.FormTitle>What you're streaming</Forms.FormTitle>
@@ -228,7 +229,39 @@ function StreamSettings({
                         </div>
                     </section>
                 </div>
-
+                <section>
+                    <Forms.FormTitle>Content Type</Forms.FormTitle>
+                    <div>
+                        <div className="vcd-screen-picker-radios">
+                            <label className="vcd-screen-picker-radio" data-checked={settings.contentHint === "motion"}>
+                                <Text variant="text-sm/bold">Prefer Smoothness</Text>
+                                <input
+                                    type="radio"
+                                    name="contenthint"
+                                    value="motion"
+                                    checked={settings.contentHint === "moiton"}
+                                    onChange={() => setSettings(s => ({ ...s, contentHint: "motion" }))}
+                                />
+                            </label>
+                            <label className="vcd-screen-picker-radio" data-checked={settings.contentHint === "detail"}>
+                                <Text variant="text-sm/bold">Prefer Clarity</Text>
+                                <input
+                                    type="radio"
+                                    name="contenthint"
+                                    value="detail"
+                                    checked={settings.contentHint === "detail"}
+                                    onChange={() => setSettings(s => ({ ...s, contentHint: "detail" }))}
+                                />
+                            </label>
+                        </div>
+                        <div className="vcd-screen-picker-hint-description">
+                            <p>
+                                Choosing "Prefer Clarity" will significantly lower framerate in exchange for a clearer
+                                image.
+                            </p>
+                        </div>
+                    </div>
+                </section>
                 {isWindows && (
                     <Switch
                         value={settings.audio}
@@ -333,6 +366,7 @@ function ModalComponent({
     const [settings, setSettings] = useState<StreamSettings>({
         resolution: "1080",
         fps: "60",
+        contentHint: "motion",
         audio: true
     });
 
@@ -361,22 +395,26 @@ function ModalComponent({
                     disabled={!selected}
                     onClick={() => {
                         currentSettings = settings;
-
                         // If there are 2 connections, the second one is the existing stream.
                         // In that case, we patch its quality
                         const conn = [...MediaEngineStore.getMediaEngine().connections][1];
                         if (conn && conn.videoStreamParameters.length > 0) {
+                            const track = conn.input.stream.getVideoTracks()[0];
+                            const frameRate = Number(settings.fps);
                             const height = Number(settings.resolution);
                             const width = Math.round(height * (16 / 9));
-                            Object.assign(conn.videoStreamParameters[0], {
+                            var constraints = track.getConstraints();
-                                maxFrameRate: Number(settings.fps),
+                            const newConstraints = {
-                                maxPixelCount: width * height,
+                                ...constraints,
-                                maxBitrate: 8000000,
+                                frameRate,
-                                maxResolution: {
+                                width: { ideal: width },
-                                    type: "fixed",
+                                height: { ideal: height },
-                                    width,
+                                advanced: [{ width: width, height: height }]
-                                    height
+                            };
-                                }
+
+                            track.applyConstraints(newConstraints).then(() => {
+                                console.log("Applied constraints successfully");
+                                console.log("New settings:", track.getSettings());
                             });
                         }
 

src/renderer/components/screenSharePicker.css

@@ -122,3 +122,10 @@
 .vcd-screen-picker-audio {
     margin-bottom: 0;
 }
+
+.vcd-screen-picker-hint-description {
+    font-size: 14px;
+    color: var(--interactive-active);
+    width: 100%;
+    
+}

src/renderer/patches/index.ts

@@ -7,6 +7,6 @@
 // TODO: Possibly auto generate glob if we have more patches in the future
 import "./enableNotificationsByDefault";
 import "./platformClass";
-import "./screenShareAudio";
+import "./screenShareFixes";
 import "./spellCheck";
 import "./windowsTitleBar";

src/renderer/patches/screenShareFixes.ts

@@ -4,6 +4,7 @@
  * Copyright (c) 2023 Vendicated and Vencord contributors
  */
 
+import { currentSettings } from "renderer/components/ScreenSharePicker";
 import { isLinux } from "renderer/utils";
 
 if (isLinux) {
@@ -23,6 +24,26 @@ if (isLinux) {
         const stream = await original.call(this, opts);
         const id = await getVirtmic();
 
+        const frameRate = Number(currentSettings?.fps);
+        const height = Number(currentSettings?.resolution);
+        const width = Math.round(height * (16 / 9));
+        var track = stream.getVideoTracks()[0];
+
+        track.contentHint = String(currentSettings?.contentHint);
+        var constraints = track.getConstraints();
+        const newConstraints = {
+            ...constraints,
+            frameRate,
+            width: { ideal: width },
+            height: { ideal: height },
+            advanced: [{ width: width, height: height }]
+        };
+
+        track.applyConstraints(newConstraints).then(() => {
+            console.log("Applied constraints successfully");
+            console.log("New settings:", track.getSettings());
+        });
+
         if (id) {
             const audio = await navigator.mediaDevices.getUserMedia({
                 audio: {