Player Client and Visual Enhancements

- Redesigned audio player bar to be mobile-friendly - Added unloading for track switching (needs to be fixed) - Added IsLoading status so loading spinner isn't hanging around when it shouldn't be - Normalized styles with scoped files (will further reduce) - Layout Cleanup - EF fixes (migrations now function for deployment) - deploy script updates (new dedicated host)
2025-09-12 20:37:17 -04:00
parent 73d4b0a9c5
commit 9ac2c9182a
31 changed files with 763 additions and 179 deletions
@@ -0,0 +1,92 @@
+using DeepDrftWeb.Client.Services;
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+
+namespace DeepDrftWeb.Client.Controls.AudioPlayerBar;
+
+public partial class AudioPlayerBar : ComponentBase
+{
+    [CascadingParameter] public required IPlayerService PlayerService { get; set; }
+    [Parameter] public bool ShowLoadProgress { get; set; } = true;
+    private bool _isMinimized = true;
+    
+    private bool IsLoaded => PlayerService.IsLoaded;
+    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;
+
+    protected override async Task OnInitializedAsync()
+    {
+        await base.OnInitializedAsync();
+        PlayerService.OnStateChanged += StateHasChanged;
+        PlayerService.OnTrackSelected += Expand;
+    }
+
+    private async Task Expand()
+    {
+        if (_isMinimized)
+        {
+            _isMinimized = false;
+            StateHasChanged();
+        }
+    }
+    private static string FormatTime(double seconds)
+    {
+        var timeSpan = TimeSpan.FromSeconds(seconds);
+        return timeSpan.ToString(timeSpan.TotalHours >= 1 ? @"h\:mm\:ss" : @"m\:ss");
+    }
+
+    private async Task TogglePlayPause()
+    {
+        await PlayerService.TogglePlayPause();
+    }
+
+    private async Task Stop()
+    {
+        await PlayerService.Stop();
+    }
+
+    private async Task OnSeek(double position)
+    {
+        await PlayerService.Seek(position);
+    }
+
+    private async Task OnVolumeChange(double volume)
+    {
+        await PlayerService.SetVolume(volume);
+    }
+    
+    private void ClearError()
+    {
+        PlayerService.ClearError();
+    }
+    
+    private void ToggleMinimized()
+    {
+        _isMinimized = !_isMinimized;
+        StateHasChanged();
+    }
+
+    private async Task Close()
+    {
+        if (PlayerService.IsLoaded)
+        {
+            await PlayerService.Unload();
+        }
+
+        if (!_isMinimized)
+        {
+            _isMinimized = true;
+            StateHasChanged();
+        }
+    }
+    
+    private string GetPlayIcon()
+    {
+        return IsPlaying ? Icons.Material.Filled.Pause : Icons.Material.Filled.PlayArrow;
+    }
+}