İçeriğe geç
TIKTOK LIVE → TOKELEMENTS → OBS

TIKTOK LIVE
OVERLAY’LERİ
ANINDA TEPKİ VERİR.

Hediyeleri, takipleri, beğenileri ve sohbeti TikTok LIVE Studio ve OBS için bildirimlere, hedeflere, liderlik tablolarına ve özel widget’lara dönüştür. TikTok canlı yayınında, gerçek zamanlı.

Ücretsiz overlay’imi oluştur Widget oluşturmayı canlı izle
TIKTOK ŞİFRESİ YOKTEK OBS LİNKİÜCRETSİZ BAŞLA
KA@kaicenat LIVE1.2k
COIN HEDEFİ36%
mia.la
Lion gönderdi
MI
mia.la bu overlay çok iyi yatobi_zockt HEDEF HEDEF HEDEF
Olay alındıgift · 14ms
OBS bağlandıtarayıcı kaynağı
gift → alert.play()
3 ADIMDA KURULUM

Kayıttan ilk uyarına

  1. 1

    TikTok kullanıcı adını gir

    Ücretsiz kaydol ve @kullanıcıadını yaz. TikTok şifresi yok, kurulacak bir şey yok.

  2. 2

    OBS ya da LIVE Studio’ya tek bir URL ekle

    Overlay bağlantını bir tarayıcı kaynağına yapıştır, çalıştığını görmek için test hediyesi gönder.

  3. 3

    Canlı yayına başla

    Hediyeler, takipler, beğeniler ve sohbet yayınında kendiliğinden görünür.

Ücretsiz overlay’imi oluştur
01 / YAPAY ZEKÂ WIDGET OLUŞTURUCU

TIKTOK OVERLAY’LERİNİ
YAPAY ZEKÂYLA
SANİYELER İÇİNDE YAP.

Ne istediğini yaz, mesela ekranı sallayan bir hediye bildirimi ya da iki yanında birer brokoli olan bir takipçi hedefi. Asistan widget’ı yazar, TikTok LIVE olaylarına bağlar ve OBS overlay’ine yerleştirir. Kod yok. MCP üzerinden Claude Code ve ChatGPT ile de oluşturabilirsin.

İlk widget’ımı oluşturNasıl çalışır
  • Widget başına ~10 sn
  • Hediye · takip · beğeni · sohbet bağlı
  • MCP ile Claude & ChatGPT

Topluluk widget kitleriyayıncıların yaptığı eksiksiz overlay’ler

Roblox Widget KitFortnite Widget KitPUBG Widget KitGTA Widget KitMinecraft Widget KitKendi kitini yayınla
Roblox Widget KittopluluktanÜcretsiz

Roblox New Gift Alert

Roblox New Follower Alert

Roblox Live Chat Frame

Roblox Gift Goal Progress

Roblox Follower Counter

Fortnite Widget KittopluluktanÜcretsiz

Fortnite New Gift Alert

Fortnite Follower Counter

Fortnite Live Chat Frame

Fortnite New Follower Alert

Fortnite Gift Goal Progress

PUBG Widget Kittopluluktan

PUBG New Gift Alert

PUBG New Follower Alert

PUBG Live Chat

PUBG Gift Goal

PUBG Followers Counter

GTA Widget Kittopluluktan

Los Santos New Gift Alert

Los Santos New Follower Alert

Los Santos Live Chat

Los Santos Gift Goal

Los Santos Follower Counter

Minecraft Widget Kittopluluktan

New Gift Alert

Minecraft Live Chat Frame

Minecraft Gift Diamond Goal

Minecraft New Follower Alert

Minecraft Follower Counter Artwork

GERÇEK WIDGET’LAR · CANLI SİNYAL

Tek sahne. Dört canlı katman.

01 / 04

Patlayan bildirimler

Her hediye, takip ve paylaşım sesli, animasyonlu bir bildirim tetikler. Anında, yayında.

…

02 / 04

Hayranlarının doldurduğu hedefler

Coin ve takipçi hedefleri canlı yükselir. Hedefe ulaşınca tüm overlay kutlama yapar.

36%
Coin hedefi
1,780 / 5,000
Hediyeler geldikçe canlı yükselir ↑
03 / 04

Kıyasıya liderlik tabloları

En çok hediye gönderenler gerçek zamanlı olarak birincilik için yarışır. Hiçbir şey rekabet kadar hediye getirmez.

En çok hediye gönderenler
MImia.la
2733
KAkayra99
11,204
TOtobi_zockt
3310
4nachtfalke128
04 / 04

Kendi widget’ını kodla

HTML, CSS ve JS’i doğrudan editörde yaz. Aklına gelen her overlay’i yap, yazarken canlı önizle.

ÖZEL WIDGET STÜDYOSU CANLI ÖNİZLE
HTMLCSSJS
1TE.on('gift', event => {
2 const alert = createAlert({
3 user: event.user,
4 gift: event.gift
5 });
6 overlay.show(alert);
7});
hediye olayı alındı 18ms
CANLI ÖNİZLEMEAUTO
mia.la
Rose gönderdi10
MI
Hata yokOtomatik kayıtTE SDK 1.0
02 / KULLANICI ADINDAN OBS’E

BİR KEZ KUR.
YAYINA GİR.

ADIM 01 / 03

Kullanıcı adını bağla

Herkese açık TikTok kullanıcı adını gir. TikTok şifren sende kalır.

ADIM 01 / 03

Kullanıcı adını bağla

Herkese açık TikTok kullanıcı adını gir. TikTok şifren sende kalır.

HERKESE AÇIK TIKTOK KULLANICI ADI
kaicenat BULUNDU
CANLI OLAYLAR DİNLENİYOR

TikTok şifresi yok. Herkese açık kullanıcı adın yeterli.

KATMAN 01 · Kullanıcı adını bağla
ADIM 02 / 03

Kendine göre ayarla

Bir widget seç, görünümünü ayarla ve yayına girmeden önce her etkileşimi test et.

WIDGET EDİTÖRÜCANLI ÖNİZLEME
mia.la
Rose gönderdi
MI
VURGU RENGİANİMASYON · POP
KATMAN 02 · Kendine göre ayarla
ADIM 03 / 03

OBS’e ekle

Özel tarayıcı kaynağı linkini bir kez yapıştır. Gerisini canlı olaylar halleder.

OBS · TARAYICI KAYNAĞIHAZIR
ÖZEL OVERLAY URL’Sİ
tokelements.app/overlay/••••••••
Sinyal bağlandıArtık her canlı olay OBS’te görünüyor.
KATMAN 03 · OBS’e ekle
03 / WIDGET’LARIN ÖTESİNDE
01 / 06

Overlay editörü

Tüm canlı öğeleri tek bir görsel tuvalde konumlandır ve katmanla.

OVERLAY · ANA SAHNE1920 × 1080
Hediye bildirimiSubathon hedefi
YAYINCI ARACI · CANLI ÖNİZLEME
01

Overlay editörü

Tüm canlı öğeleri tek bir görsel tuvalde konumlandır ve katmanla.

OVERLAY · ANA SAHNE1920 × 1080
Hediye bildirimiSubathon hedefi
02

Puan ekonomisi

İzleyicileri puanlar, bakiyeler ve kullanılabilir aksiyonlarla ödüllendir.

İZLEYİCİ PUANLARIEKONOMİ AKTİF
KAkaicenat12,480 PUAN
Mesajımı öne çıkar 5002 dakika ekle 1,200Konfeti patlat 2,500
03

Olay simülatörü

Hediyeleri, takipleri ve hedefleri izleyiciler gelmeden güvenle test et.

OLAY SİMÜLATÖRÜGÜVENLİ TEST MODU
OLAY TÜRÜHediye · Lion ×1
14:32:08 overlay hediye olayını aldı 200 OK
04

Trigger API

Kendi botundan veya araçlarından, yetkisi sınırlı bir API anahtarıyla widget’larına olay gönder.

TRIGGER APIBAĞLI
POST /api/v1/trigger{ "event": "gift", "user": "kaicenat", "coins": 2999 }
200 OK · 18ms
05

Spotify istekleri

İzleyiciler LIVE’ından çıkmadan şarkı sırasını etkilesin.

SPOTIFY İSTEKLERİSIRA · 04
ŞİMDİ ÇALIYORİzleyici isteğiEkleyen: @pokimane
SIRADAKİİsteyen: @xqc03:24
06

Canlı sahneler

Tam ekran sahneler arasında geçiş yap: giriş, BRB, canlı. Her birinin kendi arka planı ve geçişi var.

SAHNELERYAYINDA · GİRİŞ
PROGRAMGECE YARISI · SOLMA
BAŞLAMASINA4:58
GirişSolmaYAYINDAHemen dönüyorumKaydırmaBeklemedeCanlıKesmeKamera
04 / YAYINA GİRMEDEN ÖNCE

HER ŞEY
NET.

İlk yayınından önce önemli olan sorulara kısa cevaplar.

SSS · 01TikTok LIVE overlay’ini OBS’e nasıl eklerim?

Bir widget oluştur ve özelleştir, özel tarayıcı kaynağı URL’sini kopyala, sonra bu URL’yi OBS’e Tarayıcı Kaynağı (Browser Source) olarak ekle.

SSS · 02TikTok LIVE Studio ile çalışır mı?

Evet. Overlay linkini TikTok LIVE Studio’ya Link kaynağı olarak ya da OBS’e Tarayıcı Kaynağı olarak ekle. Yerleştirdiğin her widget yayında görünür.

SSS · 03TikTok hesabımla giriş yapmam gerekiyor mu?

Hayır. Herkese açık TikTok kullanıcı adınla bağlan. TokElements asla TikTok şifreni istemez.

SSS · 04Tamamen özel widget’lar yapabilir miyim?

Evet. Canlı önizlemeli ve gerçek TikTok LIVE olay verisiyle çalışan yerleşik HTML, CSS ve JavaScript editörünü kullan.

SSS · 05“Birazdan başlıyoruz” ya da BRB ekranı gösterebilir miyim?

Evet. Tek bir overlay üzerinde birkaç sahne kur: giriş, BRB, canlı. Her birinin kendi tam ekran arka planı (hazır bir şablon, bir renk ya da kendi görselin) ve kendi widget’ları olur. Yayındayken aralarında geçiş yap; bir geçiş efektiyle birbirine karışırlar, sonra kameran görünür.

05 / FİYATLAR

YAYIN ÜCRETSİZ.
GELİŞTİRMEK PRO.

Overlay’ler, bildirimler, hedefler, sohbet, liderlik tabloları ve tüm şablonlar ücretsiz kalır, deneme süresi yok. Pro, kendi widget’larını yazmak için.

ÜCRETSİZ
$0süresiz

OBS’e canlı overlay koymak için gereken her şey. Kart yok, filigran yok.

  • OBS’te overlay, tek tarayıcı kaynağı
  • Şablon kataloğunun tamamı
  • Bildirimler, hedefler, sohbet, liderlik tabloları ve puanlar
  • Kod editöründe kendi widget’larını yap
  • Her widget’ın html, css ve js’ini düzenle
  • Doğrudan editörde yapay zekâyla widget yap
  • 25.000 izleyicilik puan veritabanı (ücretsiz: 1.000)
  • Discord’da Pro rolü
Ücretsiz hesap oluştur
PRO
$18aylık

Ya da yıllık $151.20, yani aylık $12.60. USD olarak faturalandırılır, istediğin zaman iptal et.

  • OBS’te overlay, tek tarayıcı kaynağı
  • Şablon kataloğunun tamamı
  • Bildirimler, hedefler, sohbet, liderlik tabloları ve puanlar
  • Kod editöründe kendi widget’larını yap
  • Her widget’ın html, css ve js’ini düzenle
  • Doğrudan editörde yapay zekâyla widget yap
  • 25.000 izleyicilik puan veritabanı (ücretsiz: 1.000)
  • Discord’da Pro rolü
Pro al

Ödemeler, satıcı kaydı (merchant of record) olarak Creem üzerinden işlenir; gereken yerlerde vergi ödeme sırasında eklenir. Plan, ayarlarından iptal edene kadar aynı süre için yenilenir. İlk ücretli ödemeden memnun kalmadın mı? 7 gün içinde bize yaz, ücretin iade edilir. Ayrıntılar Şartlar sayfasında.

06 / TOPLULUK

DISCORD’UMUZA
KATIL.

Yayıncılara yardım eden yayıncılar. Her gün yayın yapan insanlardan cevap al, yaptıklarını göster ve sırada ne çıkacağına oy ver. Pro üyelerin isminde Pro rolü görünür.

Discord’umuza katılÜCRETSİZ · 7 DİLDE DESTEK · TÜRKÇE DESTEK · HERKESE AÇIK
  • DestekOBS, TikTok bağlantısı, tetiklenmeyen bir widget. Gerçek insanlar, hızlı cevaplar.
  • VitrinOverlay’lerini paylaş, diğer yayınlardan fikir al, yayına girmeden geri bildirim topla.
  • Yol haritasıÖzelliklere oy ver ve yayına çıkışlarını izle. En iyi fikirler yayın yapanlardan gelir.
  • Pro rolüAyarlar’da Discord’u bir kez bağla, Pro rolü isminde otomatik olarak görünsün.
07 / SIRADAKİ YAYININ

HER ANI
ETKİLİ YAP.

İlk TikTok LIVE overlay’ini oluştur ve tek bir özel linkle OBS’e ekle.

Ücretsiz overlay’imi oluşturTIKTOK ŞİFRESİ YOK · ÜCRETSİZ BAŞLA · PRO AYLIK $12.60