Widget custom
Bikin widget TikTok LIVE sendiri
Widget TikTok LIVE adalah halaman web yang bereaksi terhadap live kamu: gift masuk, halaman beranimasi, dan TikTok LIVE Studio atau OBS menampilkan halaman itu di stream kamu. Kamu bisa menulisnya dalam HTML, CSS, dan JavaScript, atau jelaskan apa yang kamu mau dan biarkan AI menulisnya — TokElements menjalankannya dengan event live kamu.
Cara kerja widget TikTok LIVE
1 · TikTok LIVE kamu
Penonton mengirim gift, follow, like, share, dan chat. Masing-masing adalah satu event.
2 · TokElements
Terhubung ke live kamu lewat @username publik — tanpa password — dan meneruskan setiap event ke widget kamu saat itu juga.
3 · Widget kamu
Halaman web kecil: HTML untuk apa yang ditampilkan, CSS untuk tampilannya, JavaScript untuk apa yang dilakukan saat event masuk.
4 · LIVE Studio atau OBS
Link overlay kamu masuk sebagai sumber Link di TikTok LIVE Studio atau browser source di OBS. Setiap widget di dalamnya tampil di stream.
Gift alert dalam beberapa baris
Widget menerima event lewat satu fungsi. Yang ini menampilkan siapa mengirim gift apa, dan berapa banyak, setiap kali gift masuk:
<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>Apa yang dibuat orang
Gift alert
Animasi berbeda untuk tiap gift: yang kecil untuk Rose, satu layar penuh untuk Lion.
Goal
Goal follower, like, atau gift yang diisi penonton bersama-sama.
Leaderboard
Top gifter atau pemberi like terbanyak di stream, diperbarui secara live.
Game
Penonton main lewat perintah chat atau gift: roda putar, balapan, kuis, tumpukan menara.
Chat di layar
Chat kamu jadi bagian dari stream, dengan gayamu sendiri.
Apa pun lainnya
Timer, polling, lagu yang sedang diputar, peliharaan yang tumbuh lewat gift — ini halaman web, jadi bisa jadi apa saja yang bisa dilakukan halaman web.
Atau jelaskan dan biarkan AI yang bikin
Kamu tidak perlu menulis kode. Jelaskan widget-nya — “gift alert cyberpunk yang menampilkan singa petir selama 5 detik saat seseorang mengirim Lion” — dan pembuat widget AI menulis HTML, CSS, dan JavaScript-nya, menghubungkannya ke event live kamu, dan menampilkannya di kanvas pratinjau. Ubah apa saja dengan meminta, atau buka kodenya dan edit sendiri.
Dari ide ke stream
1 · Buat akun gratis
Daftar dan hubungkan TikTok kamu lewat @username publik.
2 · Bikin widget-nya
Mulai dari template, tulis di editor browser, atau jelaskan ke pembuat widget AI. Tes dengan simulasi gift dan follow.
3 · Tambahkan satu link ke stream kamu
Salin link overlay kamu ke TikTok LIVE Studio sebagai sumber Link, atau ke OBS sebagai browser source. Setiap widget yang kamu pasang ada di sana.
Pertanyaan
Bisakah saya bikin widget sendiri untuk TikTok LIVE Studio?
Bisa. TikTok LIVE Studio bisa menampilkan halaman web sebagai sumber Link, jadi widget adalah halaman web yang bereaksi terhadap live kamu. TokElements memberi halaman itu event live kamu dan meng-host-nya, jadi kamu cukup menulis apa yang ditampilkan — atau biarkan AI yang menulis.
Apakah saya harus bisa coding?
Tidak. Pilih template atau jelaskan widget-nya ke pembuat widget AI. Kalau kamu bisa coding, editor browser memberimu HTML, CSS, dan JavaScript dengan event live dan pratinjau.
Event apa saja yang bisa direspons widget?
Gift (dengan jumlah combo dan nilai koin), follow, like, share, langganan, pesan chat, join, polling, dan battle, plus total seperti jumlah penonton dan koin.
Apakah bisa di OBS juga?
Bisa. Link overlay yang sama berfungsi sebagai browser source di OBS dan sebagai sumber Link di TikTok LIVE Studio.
Apakah saya perlu password TikTok?
Tidak. TokElements menemukan live kamu lewat @username publik. Tidak ada yang meminta login TikTok kamu.
Bikin widget pertamamu hari ini.
Akun gratis, editor browser, pembuat widget AI, dan event TikTok live — tampil di stream lewat satu link.
Menu dan fitur TikTok LIVE Studio berubah seiring waktu dan berbeda per negara. TokElements tidak berafiliasi dengan TikTok.