playing: Initial podcasts support

busybox11 · Aug 27, 2024 · e30a3c1 · e30a3c1
1 parent cc2000a
commit e30a3c1
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/assets/js/playing.js b/assets/js/playing.js
@@ -80,7 +80,9 @@ document.addEventListener('alpine:init', x => {
         await this.refreshToken();
       }
 
-      const response = await spotifyApi.getMyCurrentPlaybackState();
+      const response = await spotifyApi.getMyCurrentPlaybackState({
+        additional_types: "episode"
+      });
       if (response) {
         this.handleChange(response);
       }
@@ -90,15 +92,17 @@ document.addEventListener('alpine:init', x => {
       this.lastPlaybackObj = this.playbackObj;
       this.playbackObj = obj;
 
+      const artists = this.playbackObj.item?.artists || [{ name: this.playbackObj.item?.show?.publisher }]
+
       if (this.playbackObj.item?.name) {
-        document.title = `${this.playbackObj.item?.name} - ${this.playbackObj.item?.artists[0].name} - NowPlaying`;
+        document.title = `${this.playbackObj.item?.name} - ${artists[0].name} - NowPlaying`;
       }
 
       // Fetch album art
-      const imgsArr = this.playbackObj.item?.album?.images;
+      const imgsArr = this.playbackObj.item?.album?.images || this.playbackObj.item?.images;
       const targetImg = (useSmallAlbumCover) ? imgsArr[imgsArr.length - 2]?.url : imgsArr[0]?.url;
 
-      const lastImgsArr = this.lastPlaybackObj.item?.album?.images;
+      const lastImgsArr = this.lastPlaybackObj.item?.album?.images || this.lastPlaybackObj.item?.images;
       if (lastImgsArr === undefined) {
         this.targetImg = targetImg;
         return;

diff --git a/miniplayer.php b/miniplayer.php
@@ -93,7 +93,7 @@ class="text-3xl font-bold text-pretty" :class="{
           }"></h1>
 
         <h2
-          x-text="$store.player.playbackObj.item?.artists?.map(artist => artist.name).join(', ') ?? translations.defaultArtistSong"
+          x-text="$store.player.playbackObj.item?.artists?.map(artist => artist.name).join(', ') ?? $store.player.playbackObj.item?.show?.publisher ?? translations.defaultArtistSong"
           id="song-artist" class="text-xl font-semibold line-clamp-1 text-pretty" :class="{ 'opacity-80': !showAlbum }">
         </h2>
 

diff --git a/playing.php b/playing.php
@@ -154,7 +154,7 @@ class="absolute bottom-6 left-6 z-30 flex flex-row bg-black/20 border-2 border-w
                 <h1 x-text="$store.player.playbackObj.item?.name ?? translations.defaultTitleSong" id="song-title"
                     class="text-4xl lg:text-7xl font-bold text-pretty">
                 </h1>
-                <h2 x-text="$store.player.playbackObj.item?.artists?.map(artist => artist.name).join(', ') ?? translations.defaultArtistSong"
+                <h2 x-text="$store.player.playbackObj.item?.artists?.map(artist => artist.name).join(', ') ?? $store.player.playbackObj.item?.show?.publisher ?? translations.defaultArtistSong"
                     id="song-artist" class="text-2xl lg:text-5xl font-bold text-pretty">
                 </h2>
                 <h3 x-text="$store.player.playbackObj?.item?.album?.name" id="song-album"