From 1aa6b88cfa2edf7af2de92e2a8efa79f6d59957f Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 26 May 2026 20:35:23 -0700
Subject: [PATCH] allow transcode on waveform streamURL (#2060)

---
 .../player/audio-player/hooks/use-stream-url.tsx  |  8 ++++----
 .../player/components/playerbar-waveform.tsx      | 15 +++++++++++++--
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/renderer/features/player/audio-player/hooks/use-stream-url.tsx b/src/renderer/features/player/audio-player/hooks/use-stream-url.tsx
index 2291e16aa..3e1e50352 100644
--- a/src/renderer/features/player/audio-player/hooks/use-stream-url.tsx
+++ b/src/renderer/features/player/audio-player/hooks/use-stream-url.tsx
@@ -8,7 +8,7 @@ import { QueueSong } from '/@/shared/types/domain-types';
 export function useSongUrl(
     song: QueueSong | undefined,
     current: boolean,
-    transcode: TranscodingConfig,
+    transcode: Partial<TranscodingConfig>,
 ): string | undefined {
     const prior = useRef(['', '']);
     const shouldReusePrior = Boolean(
@@ -24,7 +24,7 @@ export function useSongUrl(
                     bitrate: transcode.bitrate,
                     format: transcode.format,
                     id: song!.id,
-                    transcode: transcode.enabled,
+                    transcode: transcode.enabled ?? false,
                 },
             }),
         queryKey: [
@@ -63,7 +63,7 @@ export function useSongUrl(
 
 export const getSongUrl = async (
     song: QueueSong,
-    transcode: TranscodingConfig,
+    transcode: Partial<TranscodingConfig>,
     skipAutoTranscode?: boolean,
 ) => {
     const url = await api.controller.getStreamUrl({
@@ -73,7 +73,7 @@ export const getSongUrl = async (
             format: transcode.format,
             id: song.id,
             skipAutoTranscode,
-            transcode: transcode.enabled,
+            transcode: transcode.enabled ?? false,
         },
     });
 
diff --git a/src/renderer/features/player/components/playerbar-waveform.tsx b/src/renderer/features/player/components/playerbar-waveform.tsx
index dea782a98..6c1a0d59e 100644
--- a/src/renderer/features/player/components/playerbar-waveform.tsx
+++ b/src/renderer/features/player/components/playerbar-waveform.tsx
@@ -9,7 +9,13 @@ import styles from './playerbar-waveform.module.css';
 import { useSongUrl } from '/@/renderer/features/player/audio-player/hooks/use-stream-url';
 import { PlayerbarSeekSlider } from '/@/renderer/features/player/components/playerbar-seek-slider';
 import { usePlayer } from '/@/renderer/features/player/context/player-context';
-import { BarAlign, usePlayerbarSlider, usePlayerSong, usePlayerTimestamp } from '/@/renderer/store';
+import {
+    BarAlign,
+    usePlaybackSettings,
+    usePlayerbarSlider,
+    usePlayerSong,
+    usePlayerTimestamp,
+} from '/@/renderer/store';
 import { useAppThemeColors, useColorScheme } from '/@/renderer/themes/use-app-theme';
 import { Text } from '/@/shared/components/text/text';
 
@@ -30,7 +36,12 @@ export const PlayerbarWaveform = () => {
 
     const songDuration = currentSong?.duration ? currentSong.duration / 1000 : 0;
 
-    const streamUrl = useSongUrl(currentSong, true, { bitrate: 64, enabled: false, format: 'mp3' });
+    const { transcode } = usePlaybackSettings();
+    const streamUrl = useSongUrl(currentSong, true, {
+        bitrate: 64,
+        enabled: transcode.enabled,
+        format: 'mp3',
+    });
 
     const { color } = useAppThemeColors();
     const primaryColor = (color['--theme-colors-primary'] as string) || 'rgb(53, 116, 252)';