ui: tweak media player style and behavior (#1025)

* ui: tweak media player style and behavior

* ui: change player overlay to gradient

* ui: add slight outline to player bar

* feat: realtime playback seeking

* fix(ui): click to jump to unbuffered media

* chore: organize imports

* refactor: remove unused code

Author: CyanVoxel

src/tagstudio/qt/helpers/qslider_wrapper.py

@@ -4,9 +4,12 @@
 
 from typing import override
 
+import structlog
 from PySide6.QtGui import QMouseEvent
 from PySide6.QtWidgets import QSlider, QStyle, QStyleOptionSlider
 
+logger = structlog.get_logger(__name__)
+
 
 class QClickSlider(QSlider):
     """Custom QSlider wrapper.
@@ -35,9 +38,14 @@ def mousePressEvent(self, ev: QMouseEvent):
         was_slider_clicked = handle_rect.contains(int(ev.position().x()), int(ev.position().y()))
 
         if not was_slider_clicked:
+            self.setSliderDown(True)
             self.setValue(
                 QStyle.sliderValueFromPosition(self.minimum(), self.maximum(), ev.x(), self.width())
             )
-            self.mouse_pressed = True
 
         super().mousePressEvent(ev)
+
+    @override
+    def mouseReleaseEvent(self, ev: QMouseEvent) -> None:
+        self.setSliderDown(False)
+        return super().mouseReleaseEvent(ev)

src/tagstudio/qt/view/widgets/preview/preview_thumb_view.py

@@ -95,8 +95,6 @@ def __init__(self, library: Library, driver: "QtDriver") -> None:
             self.__media_player_video_changed_callback
         )
 
-        self.__mp_max_size = QSize(*self.__img_button_size)
-
         self.__media_player_page = QWidget()
         self.__stacked_page_setup(self.__media_player_page, self.__media_player)
 
@@ -131,7 +129,6 @@ def __thumb_renderer_updated_callback(
         self, _timestamp: float, img: QPixmap, _size: QSize, _path: Path
     ) -> None:
         self.__button_wrapper.setIcon(img)
-        self.__mp_max_size = img.size()
 
     def __thumb_renderer_updated_ratio_callback(self, ratio: float) -> None:
         self.__image_ratio = ratio
@@ -174,25 +171,8 @@ def __update_image_size(self, size: tuple[int, int]) -> None:
         self.__preview_gif.setMaximumSize(adj_size)
         self.__preview_gif.setMinimumSize(adj_size)
 
-        if not self.__media_player.player.hasVideo():
-            # ensure we do not exceed the thumbnail size
-            mp_width = (
-                adj_size.width()
-                if adj_size.width() < self.__mp_max_size.width()
-                else self.__mp_max_size.width()
-            )
-            mp_height = (
-                adj_size.height()
-                if adj_size.height() < self.__mp_max_size.height()
-                else self.__mp_max_size.height()
-            )
-            mp_size = QSize(mp_width, mp_height)
-            self.__media_player.setMinimumSize(mp_size)
-            self.__media_player.setMaximumSize(mp_size)
-        else:
-            # have video, so just resize as normal
-            self.__media_player.setMaximumSize(adj_size)
-            self.__media_player.setMinimumSize(adj_size)
+        self.__media_player.setMaximumSize(adj_size)
+        self.__media_player.setMinimumSize(adj_size)
 
         proxy_style = RoundedPixmapStyle(radius=8)
         self.__preview_gif.setStyle(proxy_style)