Merge branch 'mobile-seek-dry' into dev

DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor

@@ -61,21 +61,13 @@ else
                             <VolumeControls Volume="@Volume" VolumeChanged="@OnVolumeChange"/>
                         </div>
 
-                        <div class="d-flex flex-column flex-grow-1">
+                        <PlayerSeekZone DisplayTime="DisplayTime"
-                            <div @onpointerdown="OnSeekStart"
+                                        Duration="Duration"
-                                @onpointerup="@(() => OnSeekEnd(_seekPosition))"
+                                        CanSeek="CanSeek"
-                                @onpointerleave="@(async () => { if (_isSeeking) await OnSeekEnd(_seekPosition); })">
+                                        OnSeekStart="@OnSeekStart"
-                                <MudSlider T="double"
+                                        OnSeekEnd="@OnSeekEnd"
-                                        Min="0"
+                                        OnSeekChange="@OnSeekChange"
-                                        Max="@(Duration ?? 0D)"
+                                        Class="flex-grow-1"/>
-                                        Step="0.1"
-                                        Value="@DisplayTime"
-                                        ValueChanged="@OnSeekChange"
-                                        Immediate="true"
-                                        Disabled="@(!CanSeek)"/>
-                            </div>
-                            <SpectrumVisualizer />
-                        </div>
                     </div>
                 }