jeeves/streamboy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better scrolling

Browse source
This commit is contained in:
Jeeves 2025-02-18 23:24:01 -07:00
parent baf29cefa5
commit 5a70cafef2
1 changed files with 28 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
web/statusline.js
View file

@ -3,44 +3,39 @@ const statusLineElement2 = statusLineElement.cloneNode();
statusLineElement2.id = "status-line2"; statusLineElement2.id = "status-line2";
document.body.appendChild(statusLineElement2); document.body.appendChild(statusLineElement2);
let status = "Streamboy is connecting..."; let status = { blocks: [{ text: "Streamboy is connecting...", color: "#ffffff" }] };
let scroll = 0; let scroll = 0;
setInterval(() => { setInterval(() => {
if (scroll >= status.length) scroll = 0; let string = "";
// if (scroll == 0) { for (const i in status.blocks) {
// statusLineElement.textContent = status; string += status.blocks[i].text;
// } else { if (i < status.blocks.length - 1) string += " | ";
// let string = ""; }
// string += status.slice(scroll);
// string += status.slice(0, scroll); if (scroll >= string.length + 9) scroll = 0;
// statusLineElement.textContent = string; const stringWidth = 8 * string.length + 72;
// } if (8 * string.length <= statusLineElement.parentElement.clientWidth) {
const stringWidth = 8 * status.length; scroll = 0;
statusLineElement.style.removeProperty("position");
statusLineElement.style.removeProperty("left");
statusLineElement2.style.display = "none";
statusLineElement.textContent = string;
statusLineElement2.textContent = string;
} else {
statusLineElement.style.position = "absolute";
statusLineElement.style.left = `${-8 * scroll}px`; statusLineElement.style.left = `${-8 * scroll}px`;
statusLineElement2.style.position = "absolute";
statusLineElement2.style.left = `${-8 * scroll + stringWidth}px`; statusLineElement2.style.left = `${-8 * scroll + stringWidth}px`;
// console.log(statusLineElement.style.left) statusLineElement2.style.removeProperty("display");
statusLineElement.textContent = status;
statusLineElement2.textContent = status;
scroll += 1; scroll += 1;
}, 750); statusLineElement.textContent = string + " | ";
statusLineElement2.textContent = string + " | ";
}
}, 500);
const socket = new WebSocket("ws://localhost:8012"); const socket = new WebSocket("ws://localhost:8012");
socket.addEventListener("message", (event) => { socket.addEventListener("message", (event) => {
const data = JSON.parse(event.data); status = JSON.parse(event.data);
let string = "";
for (const block of data.blocks) {
string += block.text;
string += " | ";
}
status = string;
}); });
// const status = {
// blocks: [
// "Something Fun For Everyone With Streamboy!!!!!!!! git.jeevio.xyz/jeeves/streamboy",
// "♪ Bonhomme de Neige (EarthBound) - Ridley Snipes feat. Earth Kid",
// ],
// };