Opracowanie chmurowej interaktywnej nakładki TikTok

Platforma: TikTok LIVE
Stos technologiczny: Node.js, Socket.io, TikTok Live Connector, HTML/CSS/JS, OBS Studio, Render.com

Zadanie
Stworzyć chmurowe rozwiązanie do transmisji na żywo, które:

Działa z dowolnego urządzenia (telefon, tablet, laptop) bez instalacji dodatkowego oprogramowania.

Automatycznie liczy całkowity bank (BANK) na podstawie prezentów od widzów.

Przeprowadza głosowanie „Sędziowie 0-1-2” (tylko dla subskrybentów).

Konwertuje prezenty na punkty w skali „2” podczas występu.

Ma tryb „Bitwa fanów” (3 minuty, dwóch uczestników).

Prowadzący może zarządzać całym procesem przez oddzielny panel administracyjny z dowolnego miejsca na świecie.

Rozwiązanie
Opracowano chmurową aplikację internetową, umieszczoną na Render.com, która:

Łączy się z TikTok LIVE i analizuje czat oraz prezenty w czasie rzeczywistym (bez potrzeby używania OBS do zbierania danych).

Wyświetla 3 skale głosowania (0 / 1 / 2), które są aktualizowane natychmiast przez WebSocket.

Automatycznie dodaje punkty za prezenty do skali „2” (formuła: 1 moneta = +10 punktów).

Prowadzi całkowity BANK, który rośnie z każdego prezentu (współczynnik użytkownika).

Pozwala na uruchomienie „Bitwy fanów” z timerem 3 minuty.

Panel administracyjny (kontroler) dostępny jest przez przeglądarkę na dowolnym urządzeniu — telefon, tablet, komputer.

Każdy moduł został przeniesiony do oddzielnego pliku przeglądarki dla elastycznej konfiguracji w OBS i zarządzania widocznością z pilota.

Cechą szczególną: Do działania parsera czatu i prezentów OBS Studio nie jest wymagane. OBS jest używane tylko do finalnego wyświetlania overlayu na ekranie (jako źródło przeglądarki).

Wynik
#prototypowanie Chmurowe umiejscowienie — dostęp 24/7 z dowolnego urządzenia, bez instalacji oprogramowania.

Bank aktualizuje się w czasie rzeczywistym z animacją przy zmianie.

Głosowanie subskrybentów rośnie natychmiast bez opóźnień.

Prezenty automatycznie wpływają na skalę „2”, tworząc dynamikę.

Bitwa fanów aktywowana jest jednym przyciskiem.

Panel administracyjny dostępny jest z każdego miejsca — prowadzący zarządza transmisją nawet z telefonu.

Klient był zadowolony — overlay całkowicie zautomatyzował sędziowanie i motywację do datków.

Główny ekran overlayu (3 skale, timer, imię uczestnika)

Panel administracyjny (kontroler) ze wszystkimi przyciskami

Blok BANKU (z bliska)

Tryb Bitwy fanów (3 minuty, dwie drużyny)

Kolejka występów dla widzów (opcjonalnie)

Technologie
#prototypowanie Node.js · Socket.io · TikTok Live Connector · HTML/CSS/JS · Render.com (Chmura) · OBS Studio