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:12:23 -07:00
parent baf29cefa5
commit 297108ee4a
1 changed files with 27 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
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(() => {
let string = "";
for (const i in status.blocks) {
string += status.blocks[i].text;
if (i < status.blocks.length - 1) string += " | ";
}
if (scroll >= status.length) scroll = 0; if (scroll >= status.length) scroll = 0;
// if (scroll == 0) { const stringWidth = 8 * string.length + 72;
// statusLineElement.textContent = status; if (8 * string.length <= statusLineElement.parentElement.clientWidth) {
// } else { scroll = 0;
// let string = ""; statusLineElement.style.removeProperty("position");
// string += status.slice(scroll); statusLineElement.style.removeProperty("left");
// string += status.slice(0, scroll); statusLineElement2.style.display = "none";
// statusLineElement.textContent = string; statusLineElement.textContent = string;
// } statusLineElement2.textContent = string;
const stringWidth = 8 * status.length; } else {
statusLineElement.style.left = `${-8 * scroll}px`; statusLineElement.style.position = "absolute";
statusLineElement2.style.left = `${-8 * scroll + stringWidth}px`; statusLineElement.style.left = `${-8 * scroll}px`;
// console.log(statusLineElement.style.left) statusLineElement2.style.position = "absolute";
statusLineElement.textContent = status; statusLineElement2.style.left = `${-8 * scroll + stringWidth}px`;
statusLineElement2.textContent = status; statusLineElement2.style.removeProperty("display");
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",
// ],
// };