From c5fdf12ef4ecfe6dc2df1b3b6f73335884c5d01a Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Sun, 7 Dec 2025 04:54:05 -0500
Subject: [PATCH] Smooth Seeking (no scrub audio)

---
 .../AudioPlayerBar/AudioPlayerBar.razor       | 37 ++++++++++++-------
 .../AudioPlayerBar/AudioPlayerBar.razor.cs    | 27 ++++++++++++--
 2 files changed, 46 insertions(+), 18 deletions(-)

diff --git a/DeepDrftWeb.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor b/DeepDrftWeb.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor
index 7f09ef6..3276f04 100644
--- a/DeepDrftWeb.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor
+++ b/DeepDrftWeb.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor
@@ -32,16 +32,20 @@ else
                                                      Indeterminate="@(LoadProgress == 0)"/>
                             }
                         </div>
-                        <TimestampLabel CurrentTime="CurrentTime" Duration="Duration"/>
+                        <TimestampLabel CurrentTime="DisplayTime" Duration="Duration"/>
                     </div>
-                    
-                    <div class="seekbar-flex mx-3">
+
+                    <div class="seekbar-flex mx-3"
+                         @onpointerdown="OnSeekStart"
+                         @onpointerup="@(() => OnSeekEnd(_seekPosition))"
+                         @onpointerleave="@(() => { if (_isSeeking) OnSeekEnd(_seekPosition); })">
                         <MudSlider T="double"
                                    Min="0"
                                    Max="@(Duration ?? 0D)"
                                    Step="0.1"
-                                   Value="@CurrentTime"
-                                   ValueChanged="@OnSeek"
+                                   Value="@DisplayTime"
+                                   ValueChanged="@OnSeekChange"
+                                   Immediate="true"
                                    Disabled="@(!CanSeek)"/>
                     </div>
                     
@@ -67,19 +71,24 @@ else
                                                      Indeterminate="@(LoadProgress == 0)"/>
                             }
                         </div>
-                        <TimestampLabel CurrentTime="CurrentTime" Duration="Duration"/>
+                        <TimestampLabel CurrentTime="DisplayTime" Duration="Duration"/>
                         <VolumeControls Volume="@Volume" VolumeChanged="@OnVolumeChange"/>
                     </div>
                     
-                    <MudSlider T="double"
-                               Min="0"
-                               Max="@(Duration ?? 0D)"
-                               Step="0.1"
-                               Value="@CurrentTime"
-                               ValueChanged="@OnSeek"
-                               Disabled="@(!CanSeek)"/>
+                    <div @onpointerdown="OnSeekStart"
+                         @onpointerup="@(() => OnSeekEnd(_seekPosition))"
+                         @onpointerleave="@(() => { if (_isSeeking) OnSeekEnd(_seekPosition); })">
+                        <MudSlider T="double"
+                                   Min="0"
+                                   Max="@(Duration ?? 0D)"
+                                   Step="0.1"
+                                   Value="@DisplayTime"
+                                   ValueChanged="@OnSeekChange"
+                                   Immediate="true"
+                                   Disabled="@(!CanSeek)"/>
+                    </div>
                 </div>
-                
+
                     @* Control Buttons - positioned absolutely like original *@
                 <div class="player-controls d-flex align-center justify-center gap-1">
                     <MudIconButton Icon="@Icons.Material.Filled.Minimize"
diff --git a/DeepDrftWeb.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor.cs b/DeepDrftWeb.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor.cs
index 9cebc41..afee198 100644
--- a/DeepDrftWeb.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor.cs
+++ b/DeepDrftWeb.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor.cs
@@ -7,21 +7,27 @@ namespace DeepDrftWeb.Client.Controls.AudioPlayerBar;
 public partial class AudioPlayerBar : ComponentBase
 {
     [CascadingParameter] public required IStreamingPlayerService PlayerService { get; set; }
-    
+
     private bool _isMinimized = true;
-    
+    private bool _isSeeking = false;
+    private double _seekPosition = 0;
+
     private bool IsLoaded => PlayerService.IsLoaded;
     private bool IsLoading => PlayerService.IsLoading;
     private bool IsStreaming => PlayerService.CanStartStreaming;
     private bool IsStreamingMode => PlayerService.IsStreamingMode;
     private bool IsPlaying => PlayerService.IsPlaying;
     private bool IsPaused => PlayerService.IsPaused;
-    private double CurrentTime => PlayerService.CurrentTime;
     private double? Duration => PlayerService.Duration;
     private double Volume => PlayerService.Volume;
     private double LoadProgress => PlayerService.LoadProgress;
     private string? ErrorMessage => PlayerService.ErrorMessage;
 
+    /// <summary>
+    /// Display time - shows seek position while dragging, otherwise current playback time.
+    /// </summary>
+    private double DisplayTime => _isSeeking ? _seekPosition : PlayerService.CurrentTime;
+
     /// <summary>
     /// Seek is enabled once track is loaded AND duration is known (from WAV header).
     /// This allows seeking even during streaming, including seeking beyond buffered content.
@@ -74,8 +80,21 @@ public partial class AudioPlayerBar : ComponentBase
         await PlayerService.Stop();
     }
 
-    private async Task OnSeek(double position)
+    private void OnSeekStart()
     {
+        _isSeeking = true;
+        _seekPosition = PlayerService.CurrentTime;
+    }
+
+    private void OnSeekChange(double position)
+    {
+        _seekPosition = position;
+        StateHasChanged();
+    }
+
+    private async Task OnSeekEnd(double position)
+    {
+        _isSeeking = false;
         await PlayerService.Seek(position);
     }