feat: display host in media player footer

src/lib/components/MediaPlayer.svelte

@@ -59,6 +59,7 @@
 
 	let activeTab = TABS[0];
 	let buttonPlayPause = null;
+	let mediaLink = null;
 
 	//
 	// Custom Tracks
@@ -78,6 +79,7 @@
 	function addCustomTrackFromURL() {
 		let url = new URL(window.location.href);
 		let urlTrackInfo = url.searchParams.get('track');
+		console.log('Got track data via URL:', urlTrackInfo);
 
 		if (urlTrackInfo) {
 			let trackString = decodeUTF8(urlTrackInfo);
@@ -94,6 +96,7 @@
 				console.log('Add track via pop-up URL params:', track);
 				trackQueue.push(track);
 				trackQueue = trackQueue;
+				mediaLink = track.mediaLink;
 				if (playMediaInUrl) Amplitude.playSongAtIndex(trackQueue.length - 1);
 			}
 		}
@@ -303,6 +306,14 @@
 				<icon class="icon-pp icon-pause-circle" />
 			</div>
 		</div>
+
+		{#if mediaLink}
+			<div class="footer">
+				<span class="hosted-by"
+					>Hosted by <a href={mediaLink} target="_blank">{new URL(mediaLink).hostname}</a></span
+				>
+			</div>
+		{/if}
 	</div>
 </div>
 
@@ -442,6 +453,11 @@
 		clear: both;
 	}
 
+	#aura-media-player .footer {
+		text-align: center;
+		padding: 0 4px 12px 4px;
+	}
+
 	/* SMUI components need to be selected via global namespace */
 
 	:global(#aura-media-player #aura-media-player-tabs .mdc-tab-bar) {

src/lib/elements/EpisodePlayMedia.svelte

@@ -44,6 +44,7 @@
 			artist: show.name,
 			album: episode.note.summary,
 			url: urlMedia,
+			mediaLink: urlMediaCBA,
 			cover_art_url: getEpisodeImageData(show, episode).src
 		};
 		track = trackData;