TikTok Live Overlay membantu streamer membaca aktivitas TikTok LIVE tanpa harus terus membuka jendela TikTok. Overlay dapat ditempatkan di atas game, OBS, browser, atau aplikasi lain dan ukurannya bisa disesuaikan.

Aplikasi membaca aktivitas dari LIVE publik secara real-time dan tidak memerlukan password akun TikTok.

• 💬 Menampilkan komentar LIVE secara real-time
• 👁️ Menampilkan jumlah penonton aktif saat ini
• 🏆 Menampilkan top viewers dari snapshot TikTok
• ❤️ Menampilkan total like
• 🎁 Notifikasi gift dan jumlah combo
• 🔗 Notifikasi saat LIVE dibagikan
• ➕ Notifikasi saat seseorang mengikuti host
• 👋 Ticker user yang baru bergabung tanpa memenuhi daftar chat
• 📌 Mode selalu di atas aplikasi lain
• 🪟 Overlay transparan dengan opasitas yang bisa diatur
• 🖱️ Mode klik-tembus untuk penggunaan di atas game
• 📐 Ukuran jendela kecil, sedang, besar, dan resize manual
• 🔤 Ukuran teks dapat disesuaikan

1. Buka folder dist.
2. Jalankan TikTok Live Overlay 2.1.1.exe.
3. Masukkan username host, contohnya username, atau tempel URL TikTok LIVE.
4. Klik Hubungkan.
5. Pastikan akun tujuan sedang LIVE dan siarannya bersifat publik.

EXE bersifat portable sehingga tidak membutuhkan proses instalasi.

Penting: Jika overlay tidak bisa diklik karena mode klik-tembus aktif, tekan Ctrl + Shift + X untuk mengembalikannya.

• Windows 10 atau Windows 11
• Node.js versi 20 atau lebih baru
• npm

git clone https://github.com/rizkif-com/Tiktok-Live-Chat-Overlay.git
cd tiktok-live-overlay
npm install
npm start

Di Windows, kamu juga bisa menjalankan Jalankan.cmd. Script tersebut akan memasang dependensi secara otomatis jika folder node_modules belum tersedia.

npm install
npm run pack

Hasil build tersedia di:

dist/TikTok Live Overlay 2.1.1.exe

tiktok-live-overlay/
├── src/
│   ├── main.js         # Window Electron dan koneksi TikTok LIVE
│   ├── preload.cjs     # Jembatan IPC yang aman
│   ├── renderer.js     # Logika antarmuka overlay
│   ├── index.html      # Struktur tampilan
│   ├── styles.css      # Tampilan utama
│   └── controls.css    # Pengaturan dan kontrol ukuran
├── Jalankan.cmd        # Menjalankan aplikasi di Windows
├── package.json
└── README.md

• Pastikan username sudah benar.
• Pastikan akun sedang LIVE.
• LIVE harus dapat diakses secara publik.
• Tunggu beberapa detik setelah status berubah menjadi terhubung.
• Putuskan koneksi lalu hubungkan kembali jika jaringan sempat terputus.

Angka penonton diperbarui ketika TikTok mengirim event statistik ROOM_USER. Snapshot pertama dapat membutuhkan beberapa detik setelah koneksi berhasil.

Mode klik-tembus sedang aktif. Tekan Ctrl + Shift + X untuk mematikannya.

Build lokal mungkin belum memiliki sertifikat code-signing publik. Periksa source code dan build sendiri apabila kamu ingin memastikan isi aplikasinya.

Proyek ini menggunakan tiktok-live-connector, sebuah library tidak resmi yang membaca event webcast TikTok LIVE publik.

Proyek ini:

• tidak berafiliasi, disponsori, atau didukung oleh TikTok maupun ByteDance;
• tidak meminta password TikTok;
• hanya ditujukan untuk membaca aktivitas LIVE yang dapat diakses publik;
• dapat berhenti bekerja apabila TikTok mengubah endpoint, format event, atau kebijakan aksesnya.

Gunakan aplikasi secara bertanggung jawab dan patuhi ketentuan platform yang berlaku.

Kontribusi sangat terbuka. Kamu dapat:

1. Fork repository ini.
2. Buat branch fitur baru.
3. Commit perubahanmu.
4. Buka Pull Request dengan penjelasan yang jelas.

Untuk laporan bug, sertakan versi aplikasi, versi Windows, pesan error, dan langkah untuk mereproduksi masalah.

Rizki Fadhillah

Jika proyek ini membantu, jangan lupa beri ⭐ pada repository.