diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
index 706dd5e..12b46b6 100644
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { useState, useMemo } from "react"
 import { useQuery } from "@tanstack/react-query"
-import { getTracks } from "@/lib/api"
+import { getTracks, getApiUrl } from "@/lib/api"
 import type { FilterParams, Track } from "@/lib/types"
 import FilterPanel from "@/components/FilterPanel"
 import AudioPlayer from "@/components/AudioPlayer"
@@ -90,7 +90,7 @@ export default function Home() {
       setIsScanning(true)
       setScanStatus("Démarrage du scan...")
 
-      const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/library/scan`, {
+      const response = await fetch(`${getApiUrl()}/api/library/scan`, {
         method: 'POST',
       })
 
@@ -103,7 +103,7 @@ export default function Home() {
       // Poll scan status
       const pollInterval = setInterval(async () => {
         try {
-          const statusResponse = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/library/scan/status`)
+          const statusResponse = await fetch(`${getApiUrl()}/api/library/scan/status`)
           const status = await statusResponse.json()
 
           if (!status.is_scanning) {
diff --git a/frontend/components/AudioPlayer.tsx b/frontend/components/AudioPlayer.tsx
index ba7d332..24165ba 100644
--- a/frontend/components/AudioPlayer.tsx
+++ b/frontend/components/AudioPlayer.tsx
@@ -2,6 +2,7 @@
 
 import { useState, useRef, useEffect } from "react"
 import type { Track } from "@/lib/types"
+import { getApiUrl } from "@/lib/api"
 
 interface AudioPlayerProps {
   track: Track | null
@@ -79,7 +80,7 @@ export default function AudioPlayer({ track, isPlaying, onPlayingChange }: Audio
     setIsLoadingWaveform(true)
     try {
       const response = await fetch(
-        `${process.env.NEXT_PUBLIC_API_URL}/api/audio/waveform/${trackId}`
+        `${getApiUrl()}/api/audio/waveform/${trackId}`
       )
       if (response.ok) {
         const data = await response.json()
@@ -161,7 +162,7 @@ export default function AudioPlayer({ track, isPlaying, onPlayingChange }: Audio
   return (
     <div className="bg-gray-50 border-t border-gray-300 shadow-lg" style={{ height: '80px' }}>
       {/* Hidden audio element */}
-      {track && <audio ref={audioRef} src={`${process.env.NEXT_PUBLIC_API_URL}/api/audio/stream/${track.id}`} />}
+      {track && <audio ref={audioRef} src={`${getApiUrl()}/api/audio/stream/${track.id}`} />}
 
       <div className="h-full flex items-center gap-3 px-4">
         {/* Play/Pause button */}
@@ -300,7 +301,7 @@ export default function AudioPlayer({ track, isPlaying, onPlayingChange }: Audio
         {/* Download button */}
         {track && (
           <a
-            href={`${process.env.NEXT_PUBLIC_API_URL}/api/audio/download/${track.id}`}
+            href={`${getApiUrl()}/api/audio/download/${track.id}`}
             download
             className="w-8 h-8 flex items-center justify-center text-gray-600 hover:text-gray-900 transition-colors rounded hover:bg-gray-200 flex-shrink-0"
             aria-label="Download"
diff --git a/frontend/lib/api.ts b/frontend/lib/api.ts
index bcac4bf..2f96983 100644
--- a/frontend/lib/api.ts
+++ b/frontend/lib/api.ts
@@ -15,7 +15,7 @@ import type {
 } from './types'
 
 // Get API URL from runtime config (injected at container startup) or fallback to env var
-function getApiUrl(): string {
+export function getApiUrl(): string {
   if (typeof window !== 'undefined' && (window as any).__RUNTIME_CONFIG__) {
     return (window as any).__RUNTIME_CONFIG__.API_URL
   }