diff --git a/index.html b/index.html
index fc571e2..c20f4cb 100644
--- a/index.html
+++ b/index.html
@@ -378,7 +378,7 @@
- — ·
+ — ·
🔀 Shuffle
diff --git a/src/player.js b/src/player.js
index 2e6d928..261ee57 100644
--- a/src/player.js
+++ b/src/player.js
@@ -26,7 +26,13 @@ export function playCurrent() {
export function updatePlayerUI(s) {
document.getElementById('player-title').textContent = s.title;
- document.getElementById('player-artist-name').textContent = s.artist || '—';
+ const artistParts = (s.artist || '').split(/\s*(?:\/|•|,)\s*/).filter(Boolean);
+ document.getElementById('player-artist-name').innerHTML = artistParts.length
+ ? artistParts.map((name, i) => {
+ const aid = i === 0 ? (s.artistId || '') : '';
+ return `${esc(name)}`;
+ }).join(' / ')
+ : '—';
document.getElementById('player-album-sep').style.display = s.album ? '' : 'none';
document.getElementById('player-album-name').textContent = s.album || '';
const art = document.getElementById('player-art');
@@ -345,7 +351,13 @@ export function _restoreLastPlayed() {
const s = S.queue[S.qIdx];
if(!s) return;
document.getElementById('player-title').textContent = s.title || '—';
- document.getElementById('player-artist-name').textContent = s.artist || '—';
+ const artistParts = (s.artist || '').split(/\s*(?:\/|•|,)\s*/).filter(Boolean);
+ document.getElementById('player-artist-name').innerHTML = artistParts.length
+ ? artistParts.map((name, i) => {
+ const aid = i === 0 ? (s.artistId || '') : '';
+ return `${esc(name)}`;
+ }).join(' / ')
+ : '—';
document.getElementById('player-album-sep').style.display = s.album ? '' : 'none';
document.getElementById('player-album-name').textContent = s.album || '';
const art = document.getElementById('player-art');