feat(ui): merge media controls (#805)

* feat: merge media controls.

Initial commit to merge audio/video files. There are
still a few bugs around widget sizing that need fixing.

* fix: center widgets in preview area

Add widgets to a sublayout to allow for centering
in a QStackedLayout.

Remove references to the legacy video player in
the thumb preview.

* fix: resolve commit suggestions.

Subclass QSlider to handle click events
and allow for easier seeking.

Implement context menu along with autoplay
setting for the media widget.

Pause video when media player is clicked
instead of opening file.

* fix: start media muted

Start video/audio muted on initial load of
the media player.

Remove code causing mypy issue.

Add new method for getting slider click state.

* refactor: use layouts instead of manual positioning.

Add various layouts for positioning widgets instead
of manually moving widgets.

Change the volume slider orientation at smaller
media sizes.

* fix: color position label white

Fix position label color to white so it stays visible
regardless of theme.

* fix: allow dragging slider after click

* Apply suggestions from code review

fix: apply suggestions from code review.

Co-authored-by: Travis Abendshien <[email protected]>

* fix: remove references to legacy video player.

Combine the stats logic for video/audio into one method.

Fix several issues after incorrectly implementing suggestions.

* fix: add loop setting and other actions.

* refactor: simplify widget state management.

Make a single method to control widget state.

Works with the main QStackLayout and cleans up
widget state if it is needed (i.e., stopping the media
player when switching to a different preview).

* fix: add pages to QStackLayout to fix widget position.

Fixes a regression in commit 4c6934. We need the pages
to properly center the widgets in the QStackLayout.

* fix: ensure media_player doesn't exceed maximum size if thumbnail.

Fix and issue where the media_player would expand past the
thumbnail on resize.

* refactor: move settings to new system

Author: csponge

src/tagstudio/core/global_settings.py

@@ -44,6 +44,7 @@ class GlobalSettings(BaseModel):
     language: str = Field(default="en")
     open_last_loaded_on_startup: bool = Field(default=False)
     autoplay: bool = Field(default=False)
+    loop: bool = Field(default=True)
     show_filenames_in_grid: bool = Field(default=False)
     page_size: int = Field(default=500)
     show_filepath: ShowFilepathOption = Field(default=ShowFilepathOption.DEFAULT)

src/tagstudio/qt/helpers/qslider_wrapper.py

@@ -0,0 +1,43 @@
+# Copyright (C) 2025
+# Licensed under the GPL-3.0 License.
+# Created for TagStudio: https://github.com/CyanVoxel/TagStudio
+
+from typing import override
+
+from PySide6.QtGui import QMouseEvent
+from PySide6.QtWidgets import QSlider, QStyle, QStyleOptionSlider
+
+
+class QClickSlider(QSlider):
+    """Custom QSlider wrapper.
+
+    The purpose of this wrapper is to allow us to set slider positions
+    based on click events.
+    """
+
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+
+    @override
+    def mousePressEvent(self, ev: QMouseEvent):
+        """Override to handle mouse clicks.
+
+        Overriding the mousePressEvent allows us to seek
+        directly to the position the user clicked instead
+        of stepping.
+        """
+        opt = QStyleOptionSlider()
+        self.initStyleOption(opt)
+        handle_rect = self.style().subControlRect(
+            QStyle.ComplexControl.CC_Slider, opt, QStyle.SubControl.SC_SliderHandle, self
+        )
+
+        was_slider_clicked = handle_rect.contains(int(ev.position().x()), int(ev.position().y()))
+
+        if not was_slider_clicked:
+            self.setValue(
+                QStyle.sliderValueFromPosition(self.minimum(), self.maximum(), ev.x(), self.width())
+            )
+            self.mouse_pressed = True
+
+        super().mousePressEvent(ev)