From 17faec5874187ce6ced35cde21abbd80b3470f63 Mon Sep 17 00:00:00 2001
From: wisecolt <wisecolt@gmail.com>
Date: Fri, 2 Jan 2026 00:32:12 +0300
Subject: [PATCH] =?UTF-8?q?fix(music):=20audio=20element=20y=C3=BCklenme?=
 =?UTF-8?q?=20d=C3=BCzelt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/routes/Music.svelte | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/client/src/routes/Music.svelte b/client/src/routes/Music.svelte
index d38591b..2d83310 100644
--- a/client/src/routes/Music.svelte
+++ b/client/src/routes/Music.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { onMount } from "svelte";
+  import { onMount, tick } from "svelte";
   import { API, apiFetch, withToken } from "../utils/api.js";
   import { musicCount } from "../stores/musicStore.js";
   import { cleanFileName } from "../utils/filename.js";
@@ -76,7 +76,7 @@
   }
 
   // Player functions
-  function playTrack(item, index) {
+  async function playTrack(item, index) {
     if (currentTrack?.id === item.id) {
       togglePlay();
       return;
@@ -87,13 +87,13 @@
     duration = item.mediaInfo?.format?.duration || 0;
     isPlaying = true;
 
-    if (audioEl) {
-      audioEl.src = streamURL(item);
-      audioEl.play().catch((err) => {
-        console.error("Play error:", err);
-        isPlaying = false;
-      });
-    }
+    await tick();
+    if (!audioEl) return;
+    audioEl.src = streamURL(item);
+    audioEl.play().catch((err) => {
+      console.error("Play error:", err);
+      isPlaying = false;
+    });
   }
 
   function togglePlay() {