zeph
29 lines
1.0 KiB
JavaScript
29 lines
1.0 KiB
JavaScript
const socket = io("https://api.thatalex.dev")
|
|
|
|
// divs used
|
|
var div = document.getElementById("container");
|
|
var image = div.querySelector("#cover-img");
|
|
var text = div.querySelector("#cover-text");
|
|
var content = div.querySelector(".cover-text");
|
|
|
|
console.log("[ws-iframe] asked server to initiate connection..")
|
|
socket.emit("spotify_status", "listen");
|
|
socket.on("api_update", (song_data) => {
|
|
console.log(song_data)
|
|
if (!song_data.position) {
|
|
image.src = "https://thatalex.dev/static/bad.png"
|
|
text.innerHTML = "Uh oh!<br>There isn't an active song.<br><span style='font-size:10px;'><i>Try again later.</i></span>"
|
|
} else {
|
|
image.src = song_data.cover
|
|
text.innerHTML = `${song_data.title} - ${song_data.album}<br>${song_data.artist}<br>${song_data.position}/${song_data.duration}`;
|
|
}
|
|
});
|
|
|
|
// on connect + error events
|
|
socket.on("connect", () => {
|
|
console.log('[ws-iframe] hello dear friend! connected successfully to backend, formatting page')
|
|
})
|
|
|
|
socket.on("error", (e) => {
|
|
console.log(e)
|
|
}) |