Add shuffle functionality to local queue and update UI controls

Author: snow-jallen

HomeSpeaker.WebAssembly/Components/Music/Player/LocalAudioPlayer.razor

@@ -35,17 +35,6 @@
                     <i class="fas fa-step-forward"></i>
                 </button>
             </div>
-            
-            <div class="flex-grow-1 me-3">
-                <div class="d-flex align-items-center">
-                    <small class="text-muted me-2">Vol:</small>
-                    <input type="range" class="form-range" 
-                           min="0" max="100" 
-                           value="@volumeLevel"
-                           @onchange="OnVolumeChange" />
-                    <small class="text-muted ms-2">@volumeLevel%</small>
-                </div>
-            </div>
         </div>
 
         <div class="current-song-info mb-2">
@@ -64,7 +53,6 @@
 }
 
 @code {
-    private int volumeLevel = 50;
     private Timer? statusTimer;
     private bool isPlaying = false;
     private double currentTime = 0;
@@ -100,7 +88,6 @@
             isPlaying = status.IsPlaying;
             currentTime = status.CurrentTime;
             duration = status.Duration;
-            volumeLevel = (int)(status.Volume * 100);
 
             currentTimeDisplay = TimeSpan.FromSeconds(currentTime).ToString(@"mm\:ss");
             durationDisplay = TimeSpan.FromSeconds(duration).ToString(@"mm\:ss");
@@ -174,22 +161,6 @@
         }
     }
 
-    private async Task OnVolumeChange(ChangeEventArgs e)
-    {
-        if (int.TryParse(e.Value?.ToString(), out var newVolume))
-        {
-            volumeLevel = newVolume;
-            try
-            {
-                await BrowserAudioService.SetVolumeAsync(newVolume / 100.0f);
-            }
-            catch (Exception ex)
-            {
-                Logger.LogError(ex, "Error setting volume");
-            }
-        }
-    }
-
     private void OnQueueChanged(object? sender, EventArgs e)
     {
         InvokeAsync(StateHasChanged);

HomeSpeaker.WebAssembly/Components/Music/Player/LocalQueueDisplay.razor

@@ -8,6 +8,12 @@
             <div class="fs-6 mt-0 text-muted">(@LocalQueueService.Queue.Count songs • drag to reorder)</div>
         </div>
         <div>
+            <button @onclick="ShuffleQueue" 
+                    class="btn btn-outline-secondary btn-sm me-2" 
+                    disabled="@(LocalQueueService.Queue.Count <= 1)"
+                    title="Shuffle queue">
+                <i class="fas fa-random me-1"></i>Shuffle
+            </button>
             <button @onclick="ClearQueue" 
                     class="btn btn-outline-danger btn-sm" 
                     disabled="@(LocalQueueService.Queue.Count == 0)">
@@ -167,6 +173,18 @@
         }
     }
 
+    private async Task ShuffleQueue()
+    {
+        try
+        {
+            await LocalQueueService.ShuffleQueueAsync();
+        }
+        catch (Exception ex)
+        {
+            Logger.LogError(ex, "Error shuffling local queue");
+        }
+    }
+
     private void OnQueueChanged(object? sender, EventArgs e)
     {
         InvokeAsync(StateHasChanged);

HomeSpeaker.WebAssembly/Services/LocalQueueService.cs

@@ -21,6 +21,7 @@ public interface ILocalQueueService
     Task PlayNextAsync();
     Task PlayPreviousAsync();
     Task PlaySongAtIndexAsync(int index);
+    Task ShuffleQueueAsync();
 }
 
 public class LocalQueueService : ILocalQueueService
@@ -204,4 +205,32 @@ private async void OnAudioStatusChanged(object? sender, BrowserPlayerStatus stat
             await PlayNextAsync();
         }
     }
+
+    public Task ShuffleQueueAsync()
+    {
+        if (queue.Count <= 1)
+            return Task.CompletedTask;
+
+        var currentSong = CurrentSong;
+        var random = new Random();
+        
+        // Shuffle the queue using Fisher-Yates algorithm
+        for (int i = queue.Count - 1; i > 0; i--)
+        {
+            int j = random.Next(i + 1);
+            var temp = queue[i];
+            queue[i] = queue[j];
+            queue[j] = temp;
+        }
+
+        // Update current index to point to the currently playing song if there is one
+        if (currentSong != null)
+        {
+            currentIndex = queue.FindIndex(s => s.SongId == currentSong.SongId);
+        }
+
+        logger.LogInformation("Shuffled local queue with {count} songs", queue.Count);
+        QueueChanged?.Invoke(this, EventArgs.Empty);
+        return Task.CompletedTask;
+    }
 }