Własne widgety
Twórz własne widgety TikTok LIVE
Widget TikTok LIVE to strona internetowa, która reaguje na Twój LIVE: wpada prezent, strona się animuje, a TikTok LIVE Studio lub OBS pokazuje ją na streamie. Możesz napisać go w HTML, CSS i JavaScript albo opisać, czego chcesz, i pozwolić AI go napisać – TokElements uruchamia go ze zdarzeniami z Twojego LIVE.
Jak działa widget TikTok LIVE
1 · Twój TikTok LIVE
Widzowie wysyłają prezenty, obserwują, lajkują, udostępniają i piszą na czacie. Każda z tych rzeczy to zdarzenie.
2 · TokElements
Łączy się z Twoim LIVE po publicznym @username – bez hasła – i przekazuje każde zdarzenie do widgetów na bieżąco.
3 · Twój widget
Mała strona internetowa: HTML określa, co pokazuje, CSS – jak wygląda, a JavaScript – co robi, gdy przychodzi zdarzenie.
4 · LIVE Studio lub OBS
Link overlayu trafia jako źródło Link do TikTok LIVE Studio albo jako źródło przeglądarki do OBS. Każdy widget na nim jest na streamie.
Alert prezentu w kilku linijkach
Widgety dostają zdarzenia przez jedną funkcję. Ten pokazuje, kto wysłał jaki prezent i ile, za każdym razem, gdy prezent wpada:
<div id="alert"></div>
<script>
TE.on('gift', function (e) {
var el = document.getElementById('alert');
el.textContent = e.user.name + ' sent ' + e.gift.name + ' ×' + e.gift.repeat;
el.className = 'show'; // your CSS animates it in
setTimeout(function () { el.className = ''; }, 5000);
});
</script>Co ludzie budują
Alerty prezentów
Inna animacja dla każdego prezentu: mała przy Rose, cały ekran przy Lionie.
Cele
Cel obserwacji, lajków lub prezentów, który widzowie wypełniają razem.
Rankingi
Top darczyńcy albo lajkujący streamu, aktualizowani na żywo.
Gry
Widzowie grają komendą na czacie albo prezentem: koła, wyścigi, quizy, wieże z klocków.
Czat na ekranie
Twój czat jako część streamu, w Twoim stylu.
Cokolwiek innego
Timery, ankiety, teraz gra, zwierzaki, które rosną od prezentów – to strona internetowa, więc może być wszystkim, czym może być strona.
Albo opisz go i pozwól AI go zbudować
Nie musisz pisać kodu. Opisz widget – „cyberpunkowy alert prezentu, który pokazuje błyskawicznego lwa przez 5 sekund, gdy ktoś wyśle Liona” – a kreator AI napisze HTML, CSS i JavaScript, podepnie go pod zdarzenia z Twojego LIVE i pokaże na płótnie podglądu. Zmieniaj cokolwiek, prosząc o to, albo otwórz kod i edytuj go sam.
Od pomysłu do streamu
1 · Załóż darmowe konto
Zarejestruj się i podłącz TikToka po publicznym @username.
2 · Zbuduj widget
Zacznij od szablonu, napisz go w edytorze w przeglądarce albo opisz go kreatorowi AI. Przetestuj go symulowanymi prezentami i obserwacjami.
3 · Dodaj jeden link do streamu
Skopiuj link overlayu do TikTok LIVE Studio jako źródło Link albo do OBS jako źródło przeglądarki. Każdy widget, który umieścisz, jest na nim.
Pytania
Czy mogę robić własne widgety do TikTok LIVE Studio?
Tak. TikTok LIVE Studio potrafi pokazać stronę internetową jako źródło Link, więc widget to strona, która reaguje na Twój LIVE. TokElements przekazuje tej stronie zdarzenia z LIVE i ją hostuje, więc piszesz tylko to, co pokazuje – albo pozwalasz AI to napisać.
Czy muszę umieć programować?
Nie. Wybierz szablon albo opisz widget kreatorowi AI. Jeśli programujesz, edytor w przeglądarce daje Ci HTML, CSS i JavaScript ze zdarzeniami na żywo i podglądem.
Na jakie zdarzenia może reagować widget?
Prezenty (z licznikiem combo i wartością w monetach), obserwacje, lajki, udostępnienia, subskrypcje, wiadomości na czacie, wejścia, ankiety i bitwy, plus sumy, np. widzów i monet.
Czy działa też w OBS?
Tak. Ten sam link overlayu działa jako źródło przeglądarki w OBS i jako źródło Link w TikTok LIVE Studio.
Czy potrzebuję hasła do TikToka?
Nie. TokElements znajduje Twój LIVE po publicznym @username. Nic nie prosi o dane logowania do TikToka.
Zbuduj swój pierwszy widget już dziś.
Darmowe konto, edytor w przeglądarce, kreator AI i zdarzenia z TikTok LIVE na żywo – na streamie przez jeden link.
Menu i funkcje TikTok LIVE Studio zmieniają się z czasem i różnią w zależności od kraju. TokElements nie jest powiązane z TikTokiem.