Add "GPU configuration" setting

src/modules/player/webgl2-player.ts

@@ -1,6 +1,7 @@
 import vertClarityBoost from "./shaders/clarity_boost.vert" with { type: "text" };
 import fsClarityBoost from "./shaders/clarity_boost.fs" with { type: "text" };
 import { BxLogger } from "@/utils/bx-logger";
+import { getPref, PrefKey } from "@/utils/preferences";
 
 
 const LOG_TAG = 'WebGL2Player';
@@ -120,11 +121,13 @@ export class WebGL2Player {
     }
 
     #setupShaders() {
+        BxLogger.info(LOG_TAG, 'Setting up', getPref(PrefKey.VIDEO_POWER_PREFERENCE));
+
         const gl = this.#$canvas.getContext('webgl2', {
             isBx: true,
             antialias: true,
             alpha: false,
-            powerPreference: 'high-performance',
+            powerPreference: getPref(PrefKey.VIDEO_POWER_PREFERENCE),
         }) as WebGL2RenderingContext;
         this.#gl = gl;
 

src/modules/stream-player.ts

@@ -260,9 +260,20 @@ export class StreamPlayer {
         this.#resizePlayer();
     }
 
+    reloadPlayer() {
+        this.#cleanUpWebGL2Player();
+
+        this.#playerType = StreamPlayerType.VIDEO;
+        this.setPlayerType(StreamPlayerType.WEBGL2, false);
+    }
+
+    #cleanUpWebGL2Player() {
+        // Clean up WebGL2 Player
+        this.#webGL2Player?.destroy();
+        this.#webGL2Player = null;
+    }
+
     destroy() {
-         // Cleanup WebGL2 Player
-         this.#webGL2Player?.destroy();
-         this.#webGL2Player = null;
+        this.#cleanUpWebGL2Player();
     }
 }

src/modules/stream/stream-settings-utils.ts

@@ -8,6 +8,7 @@ export function onChangeVideoPlayerType() {
     const playerType = getPref(PrefKey.VIDEO_PLAYER_TYPE);
     const $videoProcessing = document.getElementById('bx_setting_video_processing') as HTMLSelectElement;
     const $videoSharpness = document.getElementById('bx_setting_video_sharpness') as HTMLElement;
+    const $videoPowerPreference = document.getElementById('bx_setting_video_power_preference') as HTMLElement;
 
     let isDisabled = false;
 
@@ -28,6 +29,9 @@ export function onChangeVideoPlayerType() {
     $videoProcessing.disabled = isDisabled;
     $videoSharpness.dataset.disabled = isDisabled.toString();
 
+    // Hide Power Preference setting if renderer isn't WebGL2
+    $videoPowerPreference.closest('.bx-stream-settings-row')!.classList.toggle('bx-gone', playerType !== StreamPlayerType.WEBGL2);
+
     updateVideoPlayer();
 }
 

src/modules/stream/stream-settings.ts

@@ -112,6 +112,17 @@ export class StreamSettings {
             }, {
                 pref: PrefKey.VIDEO_PROCESSING,
                 onChange: updateVideoPlayer,
+            }, {
+                pref: PrefKey.VIDEO_POWER_PREFERENCE,
+                onChange: () => {
+                    const streamPlayer = STATES.currentStream.streamPlayer;
+                    if (!streamPlayer) {
+                        return;
+                    }
+
+                    streamPlayer.reloadPlayer();
+                    updateVideoPlayer();
+                },
             }, {
                 pref: PrefKey.VIDEO_SHARPNESS,
                 onChange: updateVideoPlayer,