tunzo-player 1.0.40 → 1.0.42

package/dist/core/api-calles.d.ts

@@ -32,10 +32,12 @@ export declare class TunzoPlayerAPI {
      * @param limit Number of results (default: 1000)
      */
     searchAlbums(query: string, limit?: number): Promise<any[]>;
+    searchArtist(query: string, limit?: number): Promise<any[]>;
     /**
      * Get album details
      * @param id Album ID
      * @param link Album URL/Link (optional but recommended if available)
      */
     getAlbumDetails(id: string, link?: string): Promise<any>;
+    getartistDetails(id: string): Promise<any>;
 }

package/dist/core/api-calles.js

@@ -131,6 +131,23 @@ class TunzoPlayerAPI {
             }
         });
     }
+    searchArtist(query_1) {
+        return __awaiter(this, arguments, void 0, function* (query, limit = 1000) {
+            var _a;
+            try {
+                const response = yield fetch(`${this.baseUrl}/search/artists?query=${encodeURIComponent(query)}&limit=${limit}'`);
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+                const json = yield response.json();
+                return ((_a = json === null || json === void 0 ? void 0 : json.data) === null || _a === void 0 ? void 0 : _a.results) || [];
+            }
+            catch (err) {
+                console.error('error', err);
+                return [];
+            }
+        });
+    }
     /**
      * Get album details
      * @param id Album ID
@@ -156,5 +173,22 @@ class TunzoPlayerAPI {
             }
         });
     }
+    getartistDetails(id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                let url = `${this.baseUrl}/artists/${id}/songs?page=0&sortBy=popularity&sortOrder=desc`;
+                const response = yield fetch(url);
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+                const json = yield response.json();
+                return (json === null || json === void 0 ? void 0 : json.data) || null;
+            }
+            catch (error) {
+                console.error("TunzoPlayerAPI Error (getAlbumDetails):", error);
+                return null;
+            }
+        });
+    }
 }
 exports.TunzoPlayerAPI = TunzoPlayerAPI;

package/dist/core/player.d.ts

@@ -14,10 +14,8 @@ export declare class Player {
     private static selectedQuality;
     private static intendedPlaying;
     private static toastCtrl;
-    private static isAndroid;
     /** Initialize with playlist and quality */
     static initialize(playlist: any[], quality?: number): void;
-    private static setupAndroidPlayer;
     static setToastController(controller: ToastController): void;
     /** Setup audio element for better compatibility */
     private static setupAudioElement;
@@ -25,7 +23,6 @@ export declare class Player {
     /** Call this once on user gesture to unlock audio in WebView */
     static unlockAudio(): void;
     static play(song: any, index?: number): void;
-    private static playAndroid;
     static pause(): void;
     static resume(): void;
     static togglePlayPause(): void;

package/dist/core/player.js

@@ -12,30 +12,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Player = void 0;
 const rxjs_1 = require("rxjs");
 const keep_awake_1 = require("@capacitor-community/keep-awake");
-const core_1 = require("@capacitor/core");
-const capacitor_plugin_playlist_1 = require("capacitor-plugin-playlist");
+const capacitor_media_session_1 = require("@capgo/capacitor-media-session");
 class Player {
     /** Initialize with playlist and quality */
     static initialize(playlist, quality = 3) {
         this.playlist = playlist;
         this.selectedQuality = quality;
-        if (this.isAndroid) {
-            this.setupAndroidPlayer();
-        }
-        else {
-            this.setupMediaSession();
-            this.setupAudioElement();
-        }
+        this.setupMediaSession();
+        this.setupAudioElement();
         this.startWatchdog();
     }
-    static setupAndroidPlayer() {
-        capacitor_plugin_playlist_1.Playlist.addListener('status', (data) => {
-            if (data && data.status && (data.status.msgType === capacitor_plugin_playlist_1.RmxAudioStatusMessage.RMXSTATUS_COMPLETED ||
-                data.status.msgType === capacitor_plugin_playlist_1.RmxAudioStatusMessage.RMXSTATUS_PLAYLIST_COMPLETED)) {
-                this.autoNext();
-            }
-        });
-    }
     static setToastController(controller) {
         this.toastCtrl = controller;
     }
@@ -61,20 +47,14 @@ class Player {
         };
         this.audio.onplaying = () => {
             this.isPlaying = true;
-            if ('mediaSession' in navigator) {
-                navigator.mediaSession.playbackState = 'playing';
-            }
+            capacitor_media_session_1.MediaSession.setPlaybackState({ playbackState: 'playing' });
         };
         this.audio.onpause = () => {
             this.isPlaying = false;
-            if ('mediaSession' in navigator) {
-                navigator.mediaSession.playbackState = 'paused';
-            }
+            capacitor_media_session_1.MediaSession.setPlaybackState({ playbackState: 'paused' });
         };
         this.audio.onwaiting = () => {
-            if ('mediaSession' in navigator) {
-                navigator.mediaSession.playbackState = 'none';
-            }
+            capacitor_media_session_1.MediaSession.setPlaybackState({ playbackState: 'none' });
         };
         this.audio.onerror = (e) => {
             console.error('Audio error:', this.audio.error, e);
@@ -82,24 +62,17 @@ class Player {
     }
     static startWatchdog() {
         setInterval(() => {
-            if (this.intendedPlaying && (this.isAndroid ? false : this.audio.paused) && this.currentSong) {
+            if (this.intendedPlaying && this.audio.paused && this.currentSong) {
                 console.log('Watchdog: Audio paused unexpectedly. Attempting to resume...');
-                if (this.isAndroid) {
-                    capacitor_plugin_playlist_1.Playlist.play().catch(e => console.warn('Watchdog resume failed:', e));
-                }
-                else {
-                    this.audio.play().catch(e => console.warn('Watchdog resume failed:', e));
-                }
+                this.audio.play().catch(e => console.warn('Watchdog resume failed:', e));
             }
         }, 10000);
     }
     /** Call this once on user gesture to unlock audio in WebView */
     static unlockAudio() {
-        if (!this.isAndroid) {
-            this.audio.src = '';
-            this.audio.load();
-            this.audio.play().catch(() => { });
-        }
+        this.audio.src = '';
+        this.audio.load();
+        this.audio.play().catch(() => { });
     }
     static play(song, index = 0) {
         var _a;
@@ -113,95 +86,31 @@ class Player {
         if (url.startsWith('http://')) {
             url = url.replace('http://', 'https://');
         }
-        if (this.isAndroid) {
-            this.playAndroid(song, url);
-        }
-        else {
-            this.audio.src = url;
-            this.audio.load();
-            this.audio.play().then(() => {
-                this.isPlaying = true;
-                this.updateMediaSessionMetadata(song);
-                keep_awake_1.KeepAwake.keepAwake(); // Keep screen/CPU awake
-                if ('mediaSession' in navigator) {
-                    navigator.mediaSession.playbackState = 'playing';
-                }
-            }).catch((err) => {
-                this.isPlaying = false;
-                console.warn('Audio play failed:', err);
-            });
-        }
-    }
-    static playAndroid(song, url) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a, _b;
-            try {
-                // Extract artwork
-                let artworkUrl = '';
-                if (song.image && Array.isArray(song.image)) {
-                    const highQualityImage = song.image[song.image.length - 1];
-                    if (highQualityImage && highQualityImage.url) {
-                        artworkUrl = highQualityImage.url;
-                    }
-                }
-                // Extract artist
-                let artistName = 'Unknown Artist';
-                if (((_a = song.artists) === null || _a === void 0 ? void 0 : _a.primary) && Array.isArray(song.artists.primary) && song.artists.primary.length > 0) {
-                    artistName = song.artists.primary.map((artist) => artist.name).join(', ');
-                }
-                else if (song.primaryArtists) {
-                    artistName = song.primaryArtists;
-                }
-                else if (song.artist) {
-                    artistName = song.artist;
-                }
-                const track = {
-                    trackId: song.id,
-                    assetUrl: url,
-                    albumArt: artworkUrl,
-                    artist: artistName,
-                    album: ((_b = song.album) === null || _b === void 0 ? void 0 : _b.name) || 'Unknown Album',
-                    title: song.name || song.title || 'Unknown Title'
-                };
-                yield capacitor_plugin_playlist_1.Playlist.clearAllItems();
-                yield capacitor_plugin_playlist_1.Playlist.addItem({ item: track });
-                yield capacitor_plugin_playlist_1.Playlist.play();
-                this.isPlaying = true;
-                keep_awake_1.KeepAwake.keepAwake();
-            }
-            catch (e) {
-                console.error('Android play failed:', e);
-                this.isPlaying = false;
-            }
+        this.audio.src = url;
+        this.audio.load();
+        this.audio.play().then(() => {
+            this.isPlaying = true;
+            this.updateMediaSessionMetadata(song);
+            keep_awake_1.KeepAwake.keepAwake(); // Keep screen/CPU awake
+            capacitor_media_session_1.MediaSession.setPlaybackState({ playbackState: 'playing' });
+        }).catch((err) => {
+            this.isPlaying = false;
+            console.warn('Audio play failed:', err);
         });
     }
     static pause() {
         this.intendedPlaying = false;
+        this.audio.pause();
         this.isPlaying = false;
-        if (this.isAndroid) {
-            capacitor_plugin_playlist_1.Playlist.pause();
-        }
-        else {
-            this.audio.pause();
-        }
         keep_awake_1.KeepAwake.allowSleep();
-        if (!this.isAndroid && 'mediaSession' in navigator) {
-            navigator.mediaSession.playbackState = 'paused';
-        }
+        capacitor_media_session_1.MediaSession.setPlaybackState({ playbackState: 'paused' });
     }
     static resume() {
         this.intendedPlaying = true;
+        this.audio.play();
         this.isPlaying = true;
-        if (this.isAndroid) {
-            capacitor_plugin_playlist_1.Playlist.play();
-        }
-        else {
-            this.audio.play();
-        }
         keep_awake_1.KeepAwake.keepAwake();
-        if (!this.isAndroid && 'mediaSession' in navigator) {
-            navigator.mediaSession.playbackState = 'playing';
-        }
+        capacitor_media_session_1.MediaSession.setPlaybackState({ playbackState: 'playing' });
     }
     static togglePlayPause() {
         if (this.isPlaying) {
@@ -234,13 +143,8 @@ class Player {
         }
     }
     static seek(seconds) {
-        if (this.isAndroid) {
-            capacitor_plugin_playlist_1.Playlist.seekTo({ position: seconds });
-        }
-        else {
-            this.audio.currentTime = seconds;
-            this.updatePositionState();
-        }
+        this.audio.currentTime = seconds;
+        this.updatePositionState();
     }
     static autoNext() {
         this.next();
@@ -318,21 +222,22 @@ class Player {
     // Native Media Session (Lock Screen Controls)
     // -------------------------------------------------------------------------
     static setupMediaSession() {
-        if ('mediaSession' in navigator) {
-            navigator.mediaSession.setActionHandler('play', () => this.resume());
-            navigator.mediaSession.setActionHandler('pause', () => this.pause());
-            navigator.mediaSession.setActionHandler('previoustrack', () => this.prev());
-            navigator.mediaSession.setActionHandler('nexttrack', () => this.next());
-            navigator.mediaSession.setActionHandler('seekto', (details) => {
-                if (details.seekTime !== undefined) {
-                    this.seek(details.seekTime);
+        return __awaiter(this, void 0, void 0, function* () {
+            yield capacitor_media_session_1.MediaSession.setActionHandler({ action: 'play' }, () => this.resume());
+            yield capacitor_media_session_1.MediaSession.setActionHandler({ action: 'pause' }, () => this.pause());
+            yield capacitor_media_session_1.MediaSession.setActionHandler({ action: 'previoustrack' }, () => this.prev());
+            yield capacitor_media_session_1.MediaSession.setActionHandler({ action: 'nexttrack' }, () => this.next());
+            yield capacitor_media_session_1.MediaSession.setActionHandler({ action: 'seekto' }, (details) => {
+                const time = details.seekTime;
+                if (typeof time === 'number') {
+                    this.seek(time);
                 }
             });
-        }
+        });
     }
     static updateMediaSessionMetadata(song) {
-        var _a, _b;
-        if ('mediaSession' in navigator) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             // Extract artwork from image array
             const artwork = [];
             if (song.image && Array.isArray(song.image)) {
@@ -364,22 +269,24 @@ class Player {
             else if (song.artist) {
                 artistName = song.artist;
             }
-            navigator.mediaSession.metadata = new MediaMetadata({
+            yield capacitor_media_session_1.MediaSession.setMetadata({
                 title: song.name || song.title || 'Unknown Title',
                 artist: artistName,
                 album: ((_b = song.album) === null || _b === void 0 ? void 0 : _b.name) || 'Unknown Album',
                 artwork: artwork.length > 0 ? artwork : undefined
             });
-        }
+        });
     }
     static updatePositionState() {
-        if ('mediaSession' in navigator && this.duration > 0) {
-            navigator.mediaSession.setPositionState({
-                duration: this.duration,
-                playbackRate: this.audio.playbackRate,
-                position: this.audio.currentTime
-            });
-        }
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.duration > 0) {
+                yield capacitor_media_session_1.MediaSession.setPositionState({
+                    duration: this.duration,
+                    playbackRate: this.audio.playbackRate,
+                    position: this.audio.currentTime
+                });
+            }
+        });
     }
 }
 exports.Player = Player;
@@ -395,4 +302,3 @@ Player.queue$ = new rxjs_1.BehaviorSubject([]);
 Player.playlist = [];
 Player.selectedQuality = 3;
 Player.intendedPlaying = false;
-Player.isAndroid = core_1.Capacitor.getPlatform() === 'android';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tunzo-player",
-    "version": "1.0.40",
+    "version": "1.0.42",
     "description": "A music playback service for Angular and Ionic apps with native audio control support.",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
@@ -30,9 +30,8 @@
     },
     "dependencies": {
         "@capacitor-community/keep-awake": "^7.1.0",
-        "@capacitor/core": "^8.0.0",
+        "@capgo/capacitor-media-session": "^7.0.1",
         "@ionic/angular": "^8.7.11",
-        "capacitor-plugin-playlist": "^0.7.4",
         "rxjs": "^7.8.2"
     }
 }

package/src/core/api-calles.ts

@@ -124,6 +124,24 @@ export class TunzoPlayerAPI {
     }
   }
 
+  async searchArtist(query: string, limit: number = 1000): Promise<any[]> {
+    try {
+      const response = await fetch(
+        `${this.baseUrl}/search/artists?query=${encodeURIComponent(query)}&limit=${limit}'`
+      )
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const json = await response.json();
+      return json?.data?.results || [];
+    } catch (err) {
+      console.error('error', err);
+      return [];
+    }
+  }
+
   /**
    * Get album details
    * @param id Album ID
@@ -136,6 +154,25 @@ export class TunzoPlayerAPI {
         url += `&link=${encodeURIComponent(link)}`;
       }
 
+      const response = await fetch(url);
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const json = await response.json();
+      return json?.data || null;
+    } catch (error) {
+      console.error("TunzoPlayerAPI Error (getAlbumDetails):", error);
+      return null;
+    }
+  }
+
+  async getartistDetails(id: string): Promise<any> {
+    try {
+      let url = `${this.baseUrl}/artists/${id}/songs?page=0&sortBy=popularity&sortOrder=desc`;
+
+
       const response = await fetch(url);
 
       if (!response.ok) {

package/src/core/player.ts

@@ -1,8 +1,7 @@
 import { BehaviorSubject } from 'rxjs';
 import { KeepAwake } from '@capacitor-community/keep-awake';
 import { ToastController } from '@ionic/angular/standalone';
-import { Capacitor } from '@capacitor/core';
-import { Playlist, AudioTrack, RmxAudioStatusMessage } from 'capacitor-plugin-playlist';
+import { MediaSession } from '@capgo/capacitor-media-session';
 
 export class Player {
   private static audio = new Audio();
@@ -18,32 +17,16 @@ export class Player {
   private static selectedQuality = 3;
   private static intendedPlaying = false;
   private static toastCtrl: ToastController;
-  private static isAndroid = Capacitor.getPlatform() === 'android';
 
   /** Initialize with playlist and quality */
   static initialize(playlist: any[], quality = 3) {
     this.playlist = playlist;
     this.selectedQuality = quality;
-    if (this.isAndroid) {
-      this.setupAndroidPlayer();
-    } else {
-      this.setupMediaSession();
-      this.setupAudioElement();
-    }
+    this.setupMediaSession();
+    this.setupAudioElement();
     this.startWatchdog();
   }
 
-  private static setupAndroidPlayer() {
-    Playlist.addListener('status', (data) => {
-      if (data && data.status && (
-        data.status.msgType === RmxAudioStatusMessage.RMXSTATUS_COMPLETED ||
-        data.status.msgType === RmxAudioStatusMessage.RMXSTATUS_PLAYLIST_COMPLETED
-      )) {
-        this.autoNext();
-      }
-    });
-  }
-
   static setToastController(controller: ToastController) {
     this.toastCtrl = controller;
   }
@@ -74,22 +57,16 @@ export class Player {
 
     this.audio.onplaying = () => {
       this.isPlaying = true;
-      if ('mediaSession' in navigator) {
-        navigator.mediaSession.playbackState = 'playing';
-      }
+      MediaSession.setPlaybackState({ playbackState: 'playing' });
     };
 
     this.audio.onpause = () => {
       this.isPlaying = false;
-      if ('mediaSession' in navigator) {
-        navigator.mediaSession.playbackState = 'paused';
-      }
+      MediaSession.setPlaybackState({ playbackState: 'paused' });
     };
 
     this.audio.onwaiting = () => {
-      if ('mediaSession' in navigator) {
-        navigator.mediaSession.playbackState = 'none';
-      }
+      MediaSession.setPlaybackState({ playbackState: 'none' });
     };
 
     this.audio.onerror = (e) => {
@@ -99,24 +76,18 @@ export class Player {
 
   private static startWatchdog() {
     setInterval(() => {
-      if (this.intendedPlaying && (this.isAndroid ? false : this.audio.paused) && this.currentSong) {
+      if (this.intendedPlaying && this.audio.paused && this.currentSong) {
         console.log('Watchdog: Audio paused unexpectedly. Attempting to resume...');
-        if (this.isAndroid) {
-          Playlist.play().catch(e => console.warn('Watchdog resume failed:', e));
-        } else {
-          this.audio.play().catch(e => console.warn('Watchdog resume failed:', e));
-        }
+        this.audio.play().catch(e => console.warn('Watchdog resume failed:', e));
       }
     }, 10000);
   }
 
   /** Call this once on user gesture to unlock audio in WebView */
   static unlockAudio() {
-    if (!this.isAndroid) {
-      this.audio.src = '';
-      this.audio.load();
-      this.audio.play().catch(() => { });
-    }
+    this.audio.src = '';
+    this.audio.load();
+    this.audio.play().catch(() => { });
   }
 
   static play(song: any, index: number = 0) {
@@ -134,97 +105,34 @@ export class Player {
       url = url.replace('http://', 'https://');
     }
 
-    if (this.isAndroid) {
-      this.playAndroid(song, url);
-    } else {
-      this.audio.src = url;
-      this.audio.load();
-
-      this.audio.play().then(() => {
-        this.isPlaying = true;
-        this.updateMediaSessionMetadata(song);
-        KeepAwake.keepAwake(); // Keep screen/CPU awake
-        if ('mediaSession' in navigator) {
-          navigator.mediaSession.playbackState = 'playing';
-        }
-      }).catch((err) => {
-        this.isPlaying = false;
-        console.warn('Audio play failed:', err);
-      });
-    }
-  }
-
-  private static async playAndroid(song: any, url: string) {
-    try {
-      // Extract artwork
-      let artworkUrl = '';
-      if (song.image && Array.isArray(song.image)) {
-        const highQualityImage = song.image[song.image.length - 1];
-        if (highQualityImage && highQualityImage.url) {
-          artworkUrl = highQualityImage.url;
-        }
-      }
-
-      // Extract artist
-      let artistName = 'Unknown Artist';
-      if (song.artists?.primary && Array.isArray(song.artists.primary) && song.artists.primary.length > 0) {
-        artistName = song.artists.primary.map((artist: any) => artist.name).join(', ');
-      } else if (song.primaryArtists) {
-        artistName = song.primaryArtists;
-      } else if (song.artist) {
-        artistName = song.artist;
-      }
+    this.audio.src = url;
+    this.audio.load();
 
-      const track: AudioTrack = {
-        trackId: song.id,
-        assetUrl: url,
-        albumArt: artworkUrl,
-        artist: artistName,
-        album: song.album?.name || 'Unknown Album',
-        title: song.name || song.title || 'Unknown Title'
-      };
-
-      await Playlist.clearAllItems();
-      await Playlist.addItem({ item: track });
-      await Playlist.play();
+    this.audio.play().then(() => {
       this.isPlaying = true;
-      KeepAwake.keepAwake();
-    } catch (e) {
-      console.error('Android play failed:', e);
+      this.updateMediaSessionMetadata(song);
+      KeepAwake.keepAwake(); // Keep screen/CPU awake
+      MediaSession.setPlaybackState({ playbackState: 'playing' });
+    }).catch((err) => {
       this.isPlaying = false;
-    }
+      console.warn('Audio play failed:', err);
+    });
   }
 
   static pause() {
     this.intendedPlaying = false;
+    this.audio.pause();
     this.isPlaying = false;
-
-    if (this.isAndroid) {
-      Playlist.pause();
-    } else {
-      this.audio.pause();
-    }
-
     KeepAwake.allowSleep();
-    if (!this.isAndroid && 'mediaSession' in navigator) {
-      navigator.mediaSession.playbackState = 'paused';
-    }
+    MediaSession.setPlaybackState({ playbackState: 'paused' });
   }
 
   static resume() {
     this.intendedPlaying = true;
+    this.audio.play();
     this.isPlaying = true;
-
-    if (this.isAndroid) {
-      Playlist.play();
-    } else {
-      this.audio.play();
-    }
-
     KeepAwake.keepAwake();
-    if (!this.isAndroid && 'mediaSession' in navigator) {
-      navigator.mediaSession.playbackState = 'playing';
-    }
+    MediaSession.setPlaybackState({ playbackState: 'playing' });
   }
 
   static togglePlayPause() {
@@ -257,12 +165,8 @@ export class Player {
   }
 
   static seek(seconds: number) {
-    if (this.isAndroid) {
-      Playlist.seekTo({ position: seconds });
-    } else {
-      this.audio.currentTime = seconds;
-      this.updatePositionState();
-    }
+    this.audio.currentTime = seconds;
+    this.updatePositionState();
   }
 
   static autoNext() {
@@ -354,65 +258,62 @@ export class Player {
   // Native Media Session (Lock Screen Controls)
   // -------------------------------------------------------------------------
 
-  private static setupMediaSession() {
-    if ('mediaSession' in navigator) {
-      navigator.mediaSession.setActionHandler('play', () => this.resume());
-      navigator.mediaSession.setActionHandler('pause', () => this.pause());
-      navigator.mediaSession.setActionHandler('previoustrack', () => this.prev());
-      navigator.mediaSession.setActionHandler('nexttrack', () => this.next());
-      navigator.mediaSession.setActionHandler('seekto', (details) => {
-        if (details.seekTime !== undefined) {
-          this.seek(details.seekTime);
-        }
-      });
-    }
+  private static async setupMediaSession() {
+    await MediaSession.setActionHandler({ action: 'play' }, () => this.resume());
+    await MediaSession.setActionHandler({ action: 'pause' }, () => this.pause());
+    await MediaSession.setActionHandler({ action: 'previoustrack' }, () => this.prev());
+    await MediaSession.setActionHandler({ action: 'nexttrack' }, () => this.next());
+    await MediaSession.setActionHandler({ action: 'seekto' }, (details) => {
+      const time = details.seekTime;
+      if (typeof time === 'number') {
+        this.seek(time);
+      }
+    });
   }
 
-  private static updateMediaSessionMetadata(song: any) {
-    if ('mediaSession' in navigator) {
-      // Extract artwork from image array
-      const artwork = [];
-      if (song.image && Array.isArray(song.image)) {
-        // Get the highest quality image (last in array, usually 500x500)
-        const highQualityImage = song.image[song.image.length - 1];
-        if (highQualityImage && highQualityImage.url) {
-          let src = highQualityImage.url;
-          if (src.startsWith('http://')) {
-            src = src.replace('http://', 'https://');
-          }
-          // Skip placeholder images
-          if (!src.includes('_i/share-image')) {
-            artwork.push({
-              src,
-              sizes: highQualityImage.quality || '500x500',
-              type: 'image/jpeg'
-            });
-          }
+  private static async updateMediaSessionMetadata(song: any) {
+    // Extract artwork from image array
+    const artwork = [];
+    if (song.image && Array.isArray(song.image)) {
+      // Get the highest quality image (last in array, usually 500x500)
+      const highQualityImage = song.image[song.image.length - 1];
+      if (highQualityImage && highQualityImage.url) {
+        let src = highQualityImage.url;
+        if (src.startsWith('http://')) {
+          src = src.replace('http://', 'https://');
+        }
+        // Skip placeholder images
+        if (!src.includes('_i/share-image')) {
+          artwork.push({
+            src,
+            sizes: highQualityImage.quality || '500x500',
+            type: 'image/jpeg'
+          });
         }
       }
+    }
 
-      // Extract artist name from artists.primary array
-      let artistName = 'Unknown Artist';
-      if (song.artists?.primary && Array.isArray(song.artists.primary) && song.artists.primary.length > 0) {
-        artistName = song.artists.primary.map((artist: any) => artist.name).join(', ');
-      } else if (song.primaryArtists) {
-        artistName = song.primaryArtists;
-      } else if (song.artist) {
-        artistName = song.artist;
-      }
-
-      navigator.mediaSession.metadata = new MediaMetadata({
-        title: song.name || song.title || 'Unknown Title',
-        artist: artistName,
-        album: song.album?.name || 'Unknown Album',
-        artwork: artwork.length > 0 ? artwork : undefined
-      });
+    // Extract artist name from artists.primary array
+    let artistName = 'Unknown Artist';
+    if (song.artists?.primary && Array.isArray(song.artists.primary) && song.artists.primary.length > 0) {
+      artistName = song.artists.primary.map((artist: any) => artist.name).join(', ');
+    } else if (song.primaryArtists) {
+      artistName = song.primaryArtists;
+    } else if (song.artist) {
+      artistName = song.artist;
     }
+
+    await MediaSession.setMetadata({
+      title: song.name || song.title || 'Unknown Title',
+      artist: artistName,
+      album: song.album?.name || 'Unknown Album',
+      artwork: artwork.length > 0 ? artwork : undefined
+    });
   }
 
-  private static updatePositionState() {
-    if ('mediaSession' in navigator && this.duration > 0) {
-      navigator.mediaSession.setPositionState({
+  private static async updatePositionState() {
+    if (this.duration > 0) {
+      await MediaSession.setPositionState({
         duration: this.duration,
         playbackRate: this.audio.playbackRate,
         position: this.audio.currentTime