From 6f7cf6d239c3575d2ef90143300db2b2abcef217 Mon Sep 17 00:00:00 2001
From: Kevin Wang <kevmo314@gmail.com>
Date: Sun, 7 Jan 2024 13:44:00 -0500
Subject: [PATCH] fix: stream preview volume

The new twitch player does not appear to use an embedded iframe so we can control the video element directly.
---
 lib/components/stream_preview.dart | 44 ++++--------------------------
 1 file changed, 6 insertions(+), 38 deletions(-)

diff --git a/lib/components/stream_preview.dart b/lib/components/stream_preview.dart
index 4308163a6..fdaad78a8 100644
--- a/lib/components/stream_preview.dart
+++ b/lib/components/stream_preview.dart
@@ -93,25 +93,13 @@ class _StreamPreviewState extends State<StreamPreview> {
       })
       ..setNavigationDelegate(NavigationDelegate(
         onPageFinished: (url) async {
-          await _controller.runJavaScript(
-              await rootBundle.loadString('assets/twitch-tunnel.js'));
-          // wait a second for twitch to catch up.
-          await Future.delayed(const Duration(seconds: 1));
           if (Platform.isIOS) {
             await _controller.runJavaScript(
-                "window.action(window.Actions.SetMuted, ${model.volume == 0})");
-          } else {
-            await _controller
-                .runJavaScript("window.action(window.Actions.SetMuted, false)");
+                await rootBundle.loadString('assets/twitch-tunnel.js'));
+            // wait a second for twitch to catch up.
+            await Future.delayed(const Duration(seconds: 1));
             await _controller.runJavaScript(
-                "window.action(window.Actions.SetVolume, ${model.volume / 100})");
-            if (model.isHighDefinition) {
-              await _controller.runJavaScript(
-                  "window.action(window.Actions.SetQuality, 'auto')");
-            } else {
-              await _controller.runJavaScript(
-                  "window.action(window.Actions.SetQuality, '160p')");
-            }
+                "window.action(window.Actions.SetMuted, ${model.volume == 0})");
           }
         },
       ));
@@ -208,9 +196,9 @@ class _StreamPreviewState extends State<StreamPreview> {
                                         model.volume = 0;
                                       }
                                       await _controller.runJavaScript(
-                                          "window.action(window.Actions.SetMuted, false)");
+                                          "document.querySelector('video').muted = false");
                                       await _controller.runJavaScript(
-                                          "window.action(window.Actions.SetVolume, ${model.volume / 100})");
+                                          "document.querySelector('video').volume = ${model.volume / 100}");
                                     },
                               color: Colors.white,
                               icon: Icon(
@@ -220,26 +208,6 @@ class _StreamPreviewState extends State<StreamPreview> {
                                         ? Icons.volume_up
                                         : Icons.volume_down,
                               )),
-                          // SetQuality doesn't seem to work on ios so we don't show the button.
-                          if (!Platform.isIOS)
-                            IconButton(
-                                onPressed: !_isOverlayActive
-                                    ? null
-                                    : () async {
-                                        model.isHighDefinition =
-                                            !model.isHighDefinition;
-                                        if (model.isHighDefinition) {
-                                          await _controller.runJavaScript(
-                                              "window.action(window.Actions.SetQuality, 'auto')");
-                                        } else {
-                                          await _controller.runJavaScript(
-                                              "window.action(window.Actions.SetQuality, '160p')");
-                                        }
-                                      },
-                                color: Colors.white,
-                                icon: Icon(model.isHighDefinition
-                                    ? Icons.hd
-                                    : Icons.sd)),
                         ],
                       );
                     },