floatplane So I created a view counter for floatplane.

Sirmyself · October 29, 2022

I created a purely Javascript solution to display a view counter during the wan show.

Run it in the console if you're confortable with that kind of thing.
The chat needs to be displayed within the page for the script to run properly.
And the "secondsToRefresh" value will be the number of seconds before the counter shows up. Then the number of seconds it takes before it refreshes (I liked it at 1 second of refresh period, but one could argue it's not necessary, so I set it to 10 by default.)

const secondsToRefresh = 10; //refreshes every 10 seconds, change value before running the script to refresh more or less often

function refreshList() {
	var btn = document.querySelectorAll(`.chat-view-container.chat-messages-container:not(.hide) .header-button.btn-user-list, .chat-view-container.chat-users-container:not(.hide) .header-button.btn-user-list.btn-return-to-chat`)[0]
	
	if (btn) {btn.click()};
}

window.setInterval(function() {
    var subTitle = document.getElementById("addedSh*t");
    if (!subTitle) {
        subTitle = document.createElement("div");
        subTitle = document.getElementsByClassName("video-title")[0].insertAdjacentElement("afterEnd", subTitle);
        subTitle.outerHTML = `<div class="video-title" id="addedSh*t">
    <span class="title-text" style="font-size:12px" id="viewCount">View count: test</span>
    </div>`;
    }

	refreshList();
    document.getElementById("viewCount").innerText = "View count: " + document.querySelectorAll(".chat-viewer-name.ng-star-inserted").length;
	refreshList();
    //console.log(document.querySelectorAll(".chat-viewer-name.ng-star-inserted").length);
}, secondsToRefresh * 1000);