2024-03-23 11:15:56 +00:00
|
|
|
<p id='currlisten'><br>
|
2024-07-12 18:46:18 +01:00
|
|
|
<a id='trackinfo' href=></a>
|
|
|
|
<script>
|
|
|
|
$url = "/lastfmproxy.php"
|
2024-03-23 11:15:56 +00:00
|
|
|
|
2024-07-12 18:46:18 +01:00
|
|
|
function fetchRecentTrack() {
|
|
|
|
console.log("Update")
|
|
|
|
fetch($url)
|
|
|
|
.then(response => response.json())
|
|
|
|
.then(data => {
|
|
|
|
const recentTrack = data.recenttracks.track[0];
|
|
|
|
const artist = recentTrack.artist["#text"];
|
|
|
|
const track = recentTrack.name;
|
|
|
|
const url = recentTrack.url;
|
|
|
|
const nowPlaying = recentTrack["@attr"] && recentTrack["@attr"].nowplaying;
|
2024-03-23 11:15:56 +00:00
|
|
|
|
2024-07-12 18:46:18 +01:00
|
|
|
const currListenElement = document.getElementById('currlisten');
|
|
|
|
const trackInfoElement = document.getElementById('trackinfo');
|
2024-03-23 11:15:56 +00:00
|
|
|
|
2024-07-12 18:46:18 +01:00
|
|
|
if (nowPlaying) {
|
|
|
|
currListenElement.innerHTML =
|
|
|
|
`Currently listening to<br><a id="trackinfo" target="_blank" href="${url}"><b>${artist}</b> - ${track}</a>`;
|
|
|
|
} else {
|
|
|
|
currListenElement.innerHTML = '<br>';
|
|
|
|
trackInfoElement.href = '';
|
|
|
|
}
|
|
|
|
})
|
|
|
|
.catch(error => console.error('Error fetching recent tracks:', error));
|
|
|
|
}
|
2024-03-23 11:15:56 +00:00
|
|
|
|
2024-07-12 18:46:18 +01:00
|
|
|
fetchRecentTrack();
|
|
|
|
setInterval(fetchRecentTrack, 15000);
|
|
|
|
</script>
|