From 076ddb71b6dc0ebc57259bfb531707e82f3cf562 Mon Sep 17 00:00:00 2001
From: Philip Allgaier <mail@spacegaier.de>
Date: Mon, 5 Dec 2022 15:32:24 +0100
Subject: [PATCH] Show proper media title in media bar (split URI) (#14464)

---
 src/data/media-player.ts                        | 8 +++++++-
 src/panels/media-browser/ha-bar-media-player.ts | 3 +--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/data/media-player.ts b/src/data/media-player.ts
index fb45071f6f..1bf35025fc 100644
--- a/src/data/media-player.ts
+++ b/src/data/media-player.ts
@@ -405,7 +405,13 @@ export const cleanupMediaTitle = (title?: string): string | undefined => {
   }
 
   const index = title.indexOf("?authSig=");
-  return index > 0 ? title.slice(0, index) : title;
+  let cleanTitle = index > 0 ? title.slice(0, index) : title;
+
+  if (cleanTitle.startsWith("http")) {
+    cleanTitle = decodeURIComponent(cleanTitle.split("/").pop()!);
+  }
+
+  return cleanTitle;
 };
 
 /**
diff --git a/src/panels/media-browser/ha-bar-media-player.ts b/src/panels/media-browser/ha-bar-media-player.ts
index 1953f1b6de..b46902e0b2 100644
--- a/src/panels/media-browser/ha-bar-media-player.ts
+++ b/src/panels/media-browser/ha-bar-media-player.ts
@@ -212,7 +212,7 @@ export class BarMediaPlayer extends SubscribeMixin(LitElement) {
     const mediaDescription = computeMediaDescription(stateObj);
     const mediaDuration = formatMediaTime(stateObj.attributes.media_duration);
     const mediaTitleClean = cleanupMediaTitle(
-      stateObj.attributes.media_title || ""
+      stateObj.attributes.media_title || stateObj.attributes.media_content_id
     );
     const mediaArt =
       stateObj.attributes.entity_picture_local ||
@@ -232,7 +232,6 @@ export class BarMediaPlayer extends SubscribeMixin(LitElement) {
           <hui-marquee
             .text=${mediaTitleClean ||
             mediaDescription ||
-            cleanupMediaTitle(stateObj.attributes.media_content_id) ||
             (stateObj.state !== "playing" && stateObj.state !== "on"
               ? this.hass.localize(`ui.card.media_player.nothing_playing`)
               : "")}