Custom widgets
Gumawa ng sarili mong TikTok LIVE widgets
Ang TikTok LIVE widget ay isang web page na nagre-react sa live mo: may dumating na gift, nag-a-animate ang page, at ipinapakita ng TikTok LIVE Studio o OBS ang page na iyon sa stream mo. Puwede mo itong isulat sa HTML, CSS at JavaScript, o i-describe ang gusto mo at hayaang ang AI ang magsulat — pinapatakbo ito ng TokElements kasama ang live events mo.
Paano gumagana ang TikTok LIVE widget
1 · Ang TikTok LIVE mo
Nagse-send ng gifts, nagfo-follow, nagla-like, nagsi-share at nagcha-chat ang viewers. Bawat isa sa mga iyon ay isang event.
2 · TokElements
Kumokonekta sa live mo gamit ang public @username mo — walang password — at ipinapasa ang bawat event sa widgets mo habang nangyayari ito.
3 · Ang widget mo
Isang maliit na web page: HTML para sa ipinapakita nito, CSS para sa itsura, JavaScript para sa gagawin nito kapag dumating ang event.
4 · LIVE Studio o OBS
Ang overlay link mo ay papasok bilang Link source sa TikTok LIVE Studio o browser source sa OBS. Lahat ng widget dito ay nasa stream.
Gift alert sa ilang linya lang
Natatanggap ng widgets ang events sa pamamagitan ng isang function. Ipinapakita nito kung sino ang nag-send ng anong gift, at ilan, tuwing may dumating na gift:
<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>Ang ginagawa ng mga tao
Gift alerts
Magkaibang animation kada gift: maliit para sa Rose, buong screen para sa Lion.
Goals
Follower, like o gift goal na pinupunan ng viewers nang sama-sama.
Leaderboards
Top gifters o likers ng stream, nag-a-update live.
Games
Naglalaro ang viewers gamit ang chat command o gift: wheels, races, quizzes, tower stacks.
Chat sa screen
Ang chat mo bilang bahagi ng stream, sa style na gusto mo.
Kahit ano pa
Timers, polls, now playing, mga pet na lumalaki sa gifts — web page ito, kaya puwede itong maging kahit anong kayang gawin ng page.
O i-describe at AI na ang gagawa
Hindi mo kailangang mag-code. I-describe ang widget — “isang cyberpunk gift alert na nagpapakita ng lightning lion sa loob ng 5 segundo kapag may nag-send ng Lion” — at isusulat ng AI builder ang HTML, CSS at JavaScript, ikokonekta ito sa live events mo at ipapakita sa preview canvas. Baguhin ang kahit ano sa pamamagitan ng pagsabi, o buksan ang code at i-edit mismo.
Mula idea hanggang stream
1 · Gumawa ng libreng account
Mag-sign up at i-link ang TikTok mo gamit ang public @username mo.
2 · Buuin ang widget
Magsimula sa template, isulat ito sa browser editor, o i-describe sa AI builder. I-test ito gamit ang simulated gifts at follows.
3 · Mag-add ng isang link sa stream mo
Kopyahin ang overlay link mo sa TikTok LIVE Studio bilang Link source, o sa OBS bilang browser source. Lahat ng widget na ilalagay mo ay nandoon.
Mga tanong
Puwede ba akong gumawa ng sarili kong widgets para sa TikTok LIVE Studio?
Oo. Kayang magpakita ng TikTok LIVE Studio ng web page bilang Link source, kaya ang widget ay web page na nagre-react sa live mo. Ibinibigay ng TokElements sa page na iyon ang live events mo at ito ang nagho-host, kaya isusulat mo lang ang ipapakita nito — o ipasulat sa AI.
Kailangan ko bang marunong mag-code?
Hindi. Pumili ng template o i-describe ang widget sa AI builder. Kung nagco-code ka, ibinibigay ng browser editor ang HTML, CSS at JavaScript na may live events at preview.
Anong events ang puwedeng i-react ng widget?
Gifts (kasama ang combo count at coin value), follows, likes, shares, subscriptions, chat messages, joins, polls at battles, pati totals tulad ng viewers at coins.
Gumagana rin ba ito sa OBS?
Oo. Ang parehong overlay link ay gumagana bilang browser source sa OBS at bilang Link source sa TikTok LIVE Studio.
Kailangan ko ba ang TikTok password ko?
Hindi. Hinahanap ng TokElements ang live mo gamit ang public @username mo. Walang humihingi ng TikTok login mo.
Buuin ang una mong widget ngayon.
Libreng account, browser editor, AI builder at live TikTok events — nasa stream gamit ang isang link.
Nagbabago ang mga menu at features ng TikTok LIVE Studio paglipas ng panahon at iba-iba depende sa bansa. Hindi affiliated sa TikTok ang TokElements.