105 lines
No EOL
4.4 KiB
JavaScript
105 lines
No EOL
4.4 KiB
JavaScript
// Set the Listenbrainz username
|
|
const username = "pogmommy";
|
|
|
|
// Set displayElement to the now-playing widget text from the now_playing.html file
|
|
const displayTitle = document.getElementById("np-title");
|
|
//displayTitle.href = ""
|
|
const displayArtist = document.getElementById("np-artist");
|
|
const displayCover = document.getElementById("np-cover");
|
|
const displayStatus = document.getElementById("np-heading");
|
|
const displayTimestamp = document.getElementById("np-timestamp");
|
|
|
|
const widget = document.getElementById("now-playing");
|
|
|
|
// Update the widget attributes for the username set above
|
|
//displayTitle.href = `https://listenbrainz.org/user/${username}/`;
|
|
//displayElement.dataset.username = username;
|
|
|
|
// Define endpoints from Listenbrainz API
|
|
const endpoints = {
|
|
nowPlaying: `https://api.listenbrainz.org/1/user/${username}/playing-now`,
|
|
recentTrack: `https://api.listenbrainz.org/1/user/${username}/listens?count=1`,
|
|
};
|
|
|
|
// Function to check the API response and fail gracefully if it doesn't work
|
|
async function fetchJson(url) {
|
|
const response = await fetch(url);
|
|
if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
|
|
return response.json();
|
|
}
|
|
|
|
// Function to get the artwork via API response and fail gracefully if it doesn't work
|
|
async function fetchArtwork(url) {
|
|
const response = await fetch(url);
|
|
if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
|
|
return response.json();
|
|
}
|
|
|
|
// Function to set the artist and track title returned from Listenbrainz (or set it to Unknown if nothing is found)
|
|
function renderTrack(nowPlaying, track, cover, timestamp) {
|
|
const artist = track?.artist_name || "Unknown Artist";
|
|
const title = track?.track_name || "Unknown Track";
|
|
displayTitle.textContent = `${title}`;
|
|
displayArtist.textContent = `${artist}`;
|
|
|
|
if (nowPlaying) {
|
|
displayStatus.innerHTML = "<span class=\"breather\"></span>Now Playing";
|
|
displayTimestamp.hidden = true;
|
|
} else {
|
|
displayStatus.innerHTML = "Last Played"
|
|
displayTimestamp.textContent = `${timestamp}`;
|
|
displayTimestamp.hidden = false;
|
|
}
|
|
if (cover) {
|
|
const coverUrl = cover.images?.[0]?.thumbnails?.[500] || "";
|
|
displayCover.setAttribute("alt", `Album artwork for ${title} by ${artist}`);
|
|
displayCover.setAttribute("src", coverUrl);
|
|
displayCover.hidden = false;
|
|
} else {
|
|
displayCover.hidden = true;
|
|
}
|
|
widget.hidden = false;
|
|
}
|
|
|
|
// Function to update the widget
|
|
async function updateNowPlayingWidget() {
|
|
try {
|
|
// Fetch and parse data from the nowPlaying endpoint
|
|
const nowPlayingData = await fetchJson(endpoints.nowPlaying);
|
|
const playingNow = nowPlayingData?.payload?.playing_now;
|
|
const currentTrack = nowPlayingData?.payload?.listens?.[0]?.track_metadata;
|
|
|
|
// If something is currently playing, update the widget with Now Playing: currentTrack
|
|
if (playingNow && currentTrack) {
|
|
const coverData = await fetchJson(`https://coverartarchive.org/release/${currentTrack?.additional_info.release_mbid}`);
|
|
renderTrack(true, currentTrack, coverData, "");
|
|
return;
|
|
}
|
|
|
|
// Fetch and parse data from the recentTrack endpoint
|
|
const recentData = await fetchJson(endpoints.recentTrack);
|
|
const recentTrack = recentData?.payload?.listens?.[0]?.track_metadata;
|
|
const listenTimestamp = new Date(recentData?.payload?.listens?.[0]?.listened_at * 1000);
|
|
const timestampFormatted = `(${listenTimestamp.getUTCFullYear()}-${listenTimestamp.getMonth() + 1}-${listenTimestamp.getUTCDate()})`;
|
|
|
|
// If nothing is currently playing, update the widget with Last Played: recentTrack
|
|
if (recentTrack) {
|
|
const coverData = await fetchJson(`https://coverartarchive.org/release/${recentTrack?.additional_info.release_mbid}`);
|
|
renderTrack(false, recentTrack, coverData, timestampFormatted);
|
|
}
|
|
// If there is no recent track, update the widget to say This user has no listens yet
|
|
else {
|
|
displayStatus.textContent = "🎧 This user has no listens yet";
|
|
}
|
|
}
|
|
// If the script can't fetch the data, update the widget to say Error loading track info.
|
|
// Also give more details in the console
|
|
catch (error) {
|
|
console.error("Failed to update Now Playing widget:", error);
|
|
displayStatus.textContent = "🎧 Error loading track info";
|
|
}
|
|
}
|
|
|
|
// Update the widget when the page loads, and then every minute after
|
|
updateNowPlayingWidget();
|
|
setInterval(updateNowPlayingWidget, 60000); |