Dokumentasi Lengkap StreamingIn
Memulai dengan Streamingin
Selamat datang di Streamingin! Aplikasi desktop yang powerful ini dirancang untuk streamer TikTok dan YouTube agar dapat membuat overlay profesional dan mengelola event live.
Langkah Instalasi:
- Unduh installer dari website kami
- Jalankan installer (.exe untuk Windows, .dmg untuk Mac)
- Ikuti wizard instalasi
- Buka Streamingin dari desktop atau start menu
Persyaratan Sistem:
Windows:
- OS: Windows 10/11 64-bit
- RAM: Minimum 4GB (disarankan 8GB)
- Storage: 2GB ruang kosong
- Grafis: Grafis terintegrasi atau lebih baik
MacOS:
- OS: macOS 10.15 atau lebih baru
- RAM: Minimum 4GB (disarankan 8GB)
- Storage: 2GB ruang kosong
- Prosesor: Intel Core i5 atau Apple M1
Jaringan:
- Minimum: Kecepatan upload 5 Mbps
- Disarankan: 10+ Mbps untuk streaming HD
- Koneksi internet yang stabil diperlukan
Pertama Kali Dibuka:
Saat pertama kali membuka Streamingin, Anda akan disambut dengan:
- Layar Selamat Datang dengan opsi pengaturan
- Panduan Mulai Cepat untuk pemula
- Tampilan Dashboard
- Tutorial Memulai
Langkah Selanjutnya:
Setelah instalasi, kami menyarankan:
- Hubungkan akun streaming Anda (TikTok/YouTube)
- Jelajahi Overlay Studio Editor
- Coba buat overlay pertama Anda
- Uji dengan OBS atau TikTok Live Studio
*Butuh bantuan? Kunjungi Halaman Support atau bergabung dengan komunitas Discord kami!*
Panduan Instalasi & Setup
Panduan langkah demi langkah untuk menginstal Streamingin di Windows dan MacOS.
Instalasi Windows:
Langkah 1: Unduh
- Kunjungi streamingin.com/download
- Klik "Download for Windows"
- Simpan file installer
.exe
Langkah 2: Jalankan Installer
- Temukan file yang diunduh (biasanya di folder
Downloads)
- Klik dua kali
Streamingin-Setup.exe
- Jika Windows Defender menampilkan peringatan, klik "More info" → "Run anyway"
Langkah 3: Wizard Instalasi
- Layar Selamat Datang: Klik "Next"
- Persetujuan Lisensi: Baca dan setujui ketentuan
- Lokasi Instalasi:
- Default:
C:\Program Files\Streamingin
- Kustom: Pilih folder lain jika diperlukan
- Tugas Tambahan:
- ☑ Buat shortcut desktop
- ☑ Buat folder start menu
- ☑ Buka Streamingin setelah instalasi
- Siap Instal: Klik "Install"
- Selesai: Klik "Finish"
Langkah 4: Pertama Kali Jalan
- Streamingin akan terbuka otomatis
- Anda mungkin melihat prompt keamanan — izinkan akses
- Layar selamat datang akan muncul
Instalasi MacOS:
Langkah 1: Unduh
- Kunjungi streamingin.com/download
- Klik "Download for Mac"
- Simpan file
.dmg
Langkah 2: Mount Disk Image
- Buka folder
Downloads
- Klik dua kali
Streamingin.dmg
- Jendela baru akan terbuka menampilkan aplikasi Streamingin
Langkah 3: Instal Aplikasi
- Seret streamingin.com ke folder
Applications
- Tunggu hingga penyalinan selesai
- Keluarkan disk image (klik kanan → Eject)
Langkah 4: Keamanan Pertama Kali Jalan
- Buka folder
Applications
- Temukan
streamingin.com
- Klik dua kali untuk membuka
- Jika muncul: "Streamingin tidak dapat dibuka karena berasal dari developer yang tidak dikenal"
- Buka
System Preferences → Security & Privacy
- Klik "Open Anyway" di sebelah pesan peringatan
- Konfirmasi dengan klik "Open"
Checklist Pasca Instalasi:
Verifikasi Instalasi:
- [ ] Aplikasi terbuka tanpa error
- [ ] Tidak ada pemblokiran antivirus/firewall
- [ ] Ruang disk mencukupi
- [ ] Koneksi internet berfungsi
Masalah Umum:
Windows:
- Instalasi gagal: Jalankan installer sebagai Administrator
- Error DLL yang hilang: Instal Microsoft Visual C++ Redistributable
- Antivirus memblokir: Tambahkan Streamingin ke daftar pengecualian
MacOS:
- Peringatan Gatekeeper: Ikuti langkah keamanan di atas
- Aplikasi tidak mau dibuka: Periksa Persyaratan Sistem
- Error izin: Berikan izin yang diperlukan di System Preferences
Uninstalasi:
Windows:
- Buka
Control Panel → Programs → Programs and Features
- Temukan "Streamingin" dalam daftar
- Klik "Uninstall"
- Ikuti petunjuk uninstaller
MacOS:
- Buka folder
Applications
- Seret
streamingin.com ke Trash
- Kosongkan Trash untuk menyelesaikan penghapusan
Butuh bantuan? Hubungi tim support kami di support@streamingin.com
Panduan Pertama Kali Dibuka
Apa yang diharapkan saat pertama kali membuka Streamingin dan cara memulai dengan cepat.
Layar Selamat Datang:
Saat membuka Streamingin untuk pertama kali, Anda akan melihat:
1. Mulai Cepat (Disarankan untuk Pemula)
- Setup terpandu langkah demi langkah
- Wizard konfigurasi dasar
- Pengaturan yang disarankan untuk sistem Anda
- Estimasi waktu: 5-10 menit
2. Lewati ke Dashboard
- Langsung ke antarmuka utama
- Konfigurasi pengaturan secara manual nanti
- Untuk pengguna berpengalaman
- Anda bisa menjalankan Mulai Cepat nanti dari Pengaturan
3. Impor Pengaturan
- Impor konfigurasi dari instalasi sebelumnya
- Pulihkan pengaturan yang dicadangkan
- Transfer antar komputer
- Memerlukan file backup (.streamingin-backup)
Konfigurasi Awal:
Langkah 1: Pilih Bahasa
- Pilih bahasa yang Anda inginkan
- Tersedia: Bahasa Indonesia, English
- Dapat diubah nanti di Pengaturan
Langkah 2: Lokasi Penyimpanan
- Default:
Documents/Streamingin/
- Kustom: Pilih folder lain
- Pertimbangan:
- Ruang disk cukup (minimum 2GB)
- Storage cepat (SSD disarankan)
Langkah 3: Preferensi Tema
- Mode Gelap (Default): Lebih baik untuk lingkungan streaming
- Mode Terang: Antarmuka lebih cerah
- Otomatis: Mengikuti tema sistem
Langkah 4: Koneksi Akun (Opsional)
Anda bisa menghubungkan sekarang atau nanti:
- Akun TikTok: Untuk fitur TikTok Live
- Akun YouTube: Untuk fitur YouTube Live
- Lewati dulu: Konfigurasi nanti
Langkah 5: Syarat & Privasi
- Baca Syarat & Ketentuan
- Tinjau Kebijakan Privasi
- Setujui untuk melanjutkan
Gambaran Umum Dashboard:
Setelah setup, Anda akan melihat dashboard utama:
Sidebar Kiri:
┌─────────────────┐
│ Dashboard │ ← Lokasi saat ini
│ Koneksi │
│ Overlay Studio│
│ Creator Store │
│ Pengaturan │
└─────────────────┘
Area Utama:
1. Proyek Terbaru
- 5 overlay terakhir yang diedit
- Buka cepat dengan satu klik
- Pratinjau thumbnail
- Tanggal terakhir dimodifikasi
2. Aksi Cepat
- Overlay Baru: Mulai proyek kosong
- Buka Template: Pilih dari template
- Hubungkan Akun: Setup TikTok/YouTube
- Lihat Tutorial: Panduan memulai
3. Kartu Memulai
- Kartu 1: Buat overlay pertama Anda (5 mnt)
- Kartu 2: Hubungkan ke TikTok Live (3 mnt)
- Kartu 3: Uji dengan OBS (4 mnt)
- Kartu 4: Jelajahi widget (6 mnt)
Masalah Pertama Kali Umum:
1. Aplikasi Crash
Kemungkinan penyebab:
- Sumber daya sistem tidak cukup
- Masalah driver grafis
- Konflik perangkat lunak
Solusi:
- Periksa Persyaratan Sistem
- Update driver grafis
- Jalankan sebagai Administrator (Windows)
2. Performa Lambat
Kemungkinan penyebab:
- Proses background
- RAM tidak cukup
- HDD bukan SSD
Solusi:
- Tutup aplikasi lain
- Tambah virtual memory
- Pindah ke SSD jika memungkinkan
Langkah Selanjutnya Setelah Setup:
Hari 1: Fondasi
- [ ] Selesaikan panduan Mulai Cepat
- [ ] Buat overlay uji sederhana
- [ ] Hubungkan satu platform streaming
- [ ] Uji fungsionalitas dasar
Minggu 1: Eksplorasi
- [ ] Coba semua tipe widget
- [ ] Eksperimen dengan template
- [ ] Bergabung komunitas Discord
- [ ] Tonton video tutorial
Bulan 1: Penguasaan
- [ ] Buat library overlay kustom
- [ ] Optimalkan pengaturan performa
- [ ] Jelajahi fitur lanjutan
- [ ] Pertimbangkan upgrade Pro Tier
Tips Pro: Jangan coba belajar semuanya sekaligus! Fokus pada satu fitur per sesi dan bangun kemampuan Anda secara bertahap.
Persyaratan Sistem
Persyaratan hardware dan software terperinci untuk menjalankan Streamingin dengan lancar.
Persyaratan Minimum:
Windows:
- Sistem Operasi: Windows 10 64-bit (versi 1909 atau lebih baru)
- Prosesor: Intel Core i5-4xxx / AMD Ryzen 3 1200 atau setara
- Memori: 4GB RAM
- Grafis: Grafis terintegrasi dengan dukungan DirectX 11
- Storage: 2GB ruang tersedia (HDD bisa diterima)
- Jaringan: Kecepatan upload 5 Mbps untuk streaming
MacOS:
- Sistem Operasi: macOS 10.15 Catalina atau lebih baru
- Prosesor: Intel Core i5 (2017 atau lebih baru) / Apple M1
- Memori: 4GB RAM
- Grafis: Grafis terintegrasi (Intel Iris atau lebih baik)
- Storage: 2GB ruang tersedia
- Jaringan: Kecepatan upload 5 Mbps untuk streaming
Persyaratan yang Disarankan:
Windows (Pengalaman Optimal):
- Sistem Operasi: Windows 11 64-bit (update terbaru)
- Prosesor: Intel Core i7-10700 / AMD Ryzen 5 5600X atau lebih baik
- Memori: 8GB RAM atau lebih
- Grafis: NVIDIA GTX 1050 Ti / AMD RX 560 atau lebih baik
- Storage: 5GB ruang SSD tersedia
- Jaringan: 10+ Mbps kecepatan upload untuk streaming HD
MacOS (Pengalaman Optimal):
- Sistem Operasi: macOS 12 Monterey atau lebih baru
- Prosesor: Apple M1 Pro / M2 atau Intel Core i7 (2020 atau lebih baru)
- Memori: 8GB RAM atau lebih
- Grafis: Grafis terintegrasi Apple Silicon atau GPU dedicated
- Storage: 5GB ruang SSD tersedia
- Jaringan: 10+ Mbps kecepatan upload untuk streaming HD
Kebutuhan Jaringan:
Untuk Streaming:
Rekomendasi Bitrate:
├── 720p @ 30fps: Upload 3-5 Mbps
├── 1080p @ 30fps: Upload 5-8 Mbps
├── 1080p @ 60fps: Upload 8-12 Mbps
└── 4K @ 30fps: Upload 15-25 Mbps
Stabilitas: Lebih penting dari kecepatan mentah!
Perangkat Lunak Streaming yang Kompatibel:
- OBS Studio: 28.0+ (sepenuhnya kompatibel)
- Streamlabs OBS: 1.0+ (sepenuhnya kompatibel)
- TikTok Live Studio: Versi terbaru
- vMix: 25+ (mungkin memerlukan CSS kustom)
- XSplit: 4.0+ (sepenuhnya kompatibel)
Catatan Sistem Operasi:
- Windows 7/8: Tidak didukung
- Windows 10 32-bit: Tidak didukung
- macOS lebih lama dari 10.15: Tidak didukung
- Linux: Tidak didukung secara resmi
Catatan: Persyaratan ini dapat berubah. Selalu periksa dokumentasi terbaru sebelum upgrade atau membeli hardware baru.
Menghubungkan ke TikTok Live
Panduan lengkap untuk menghubungkan Streamingin ke live stream TikTok Anda.
Prasyarat:
Sebelum menghubungkan, pastikan Anda memiliki:
- ✅ Akun TikTok dengan live streaming yang diaktifkan
- ✅ Akun dalam kondisi baik (tidak ada pembatasan)
- ✅ Koneksi internet yang stabil
- ✅ Versi terbaru aplikasi TikTok (mobile)
Langkah-langkah Koneksi:
Langkah 1: Buka Modul Connection
- Buka Streamingin
- Klik modul "Connection" di sidebar
- Pilih tab "TikTok Live"
Langkah 2: Autentikasi
- Klik tombol "Connect to TikTok"
- Jendela browser akan terbuka ke halaman OAuth TikTok
- Login dengan kredensial TikTok Anda
- Berikan izin berikut:
- Baca informasi live stream
- Akses pesan chat
- Lihat transaksi hadiah
- Lihat informasi follower
Langkah 3: Pilih Akun
- Jika Anda mengelola beberapa akun, pilih yang ingin digunakan
- Pilih live room yang sesuai (jika tersedia beberapa)
- Klik "Authorize" untuk menyelesaikan koneksi
Langkah 4: Verifikasi
- Kembali ke Streamingin
- Anda seharusnya melihat:
- ✅ Status koneksi: Connected
- 👤 Username TikTok Anda
- 📊 Informasi live room
- 🔄 Feed data real-time
Fitur yang Tersedia:
Pemantauan Real-time:
- Feed Chat: Semua komentar penonton dengan timestamp
- Pelacakan Gift: Notifikasi gift real-time dengan nilai
- Alert Follower: Notifikasi follower baru
- Jumlah Penonton: Angka penonton saat ini dan puncak
Widget Interaktif:
- Tampilan Chat: Tampilkan chat di overlay Anda
- Alert Gift: Notifikasi gift beranimasi
- Goal Follower: Progress bar untuk target follower
- Sistem Poll: Poll audiens interaktif
Keamanan & Privasi:
Penanganan Data:
- Semua data diproses secara lokal di komputer Anda
- Tidak ada informasi sensitif yang dikirim ke server kami
- Koneksi menggunakan OAuth 2.0 terenkripsi
- Anda bisa mencabut akses kapan saja dari pengaturan TikTok
Pemecahan Masalah:
1. Autentikasi Gagal
- Bersihkan cache dan cookie browser
- Coba mode incognito/private
- Periksa status layanan TikTok
- Pastikan akun memiliki izin live streaming
2. Koneksi Terputus
- Periksa stabilitas koneksi internet
- Kurangi beban jaringan
- Restart aplikasi Streamingin
- Update ke versi terbaru
3. Tidak Ada Data Diterima
- Pastikan Anda sedang live di TikTok
- Periksa apakah aplikasi TikTok berjalan
- Restart sesi live TikTok
- Autentikasi ulang koneksi
Tips Pro: Untuk hasil terbaik, selalu update Streamingin dan aplikasi TikTok ke versi terbaru!
Menghubungkan ke YouTube Live
Panduan lengkap untuk menghubungkan Streamingin ke live stream YouTube Anda.
Prasyarat:
Sebelum menghubungkan, pastikan Anda memiliki:
- ✅ Channel YouTube dengan live streaming yang diaktifkan
- ✅ Channel dalam kondisi baik (tidak ada pembatasan)
- ✅ Akun Google dengan izin yang tepat
- ✅ Koneksi internet yang stabil
- ✅ Verifikasi channel YouTube (jika diperlukan)
Langkah-langkah Koneksi:
Langkah 1: Buka Modul Connection
- Buka Streamingin
- Klik modul "Connection" di sidebar
- Pilih tab "YouTube Live"
Langkah 2: Autentikasi
- Klik tombol "Connect to YouTube"
- Jendela browser akan terbuka ke halaman OAuth Google
- Login dengan akun Google Anda
- Pilih channel YouTube yang ingin digunakan
- Berikan izin berikut:
- Lihat akun YouTube Anda
- Lihat informasi live stream Anda
- Lihat live chat YouTube Anda
- Lihat pesan Super Chat Anda
Langkah 3: Pilih Channel
- Jika Anda mengelola beberapa channel, pilih yang benar
- Pilih live stream yang sesuai (jika tersedia beberapa)
- Klik "Allow" untuk menyelesaikan koneksi
Langkah 4: Verifikasi
- Kembali ke Streamingin
- Anda seharusnya melihat:
- ✅ Status koneksi: Connected
- 👤 Nama channel YouTube Anda
- 📊 Informasi live stream
- 🔄 Feed data real-time
Fitur yang Tersedia:
Pemantauan Real-time:
- Feed Chat: Semua komentar penonton dengan timestamp
- Pelacakan Super Chat: Pesan donasi dengan jumlah
- Alert Member: Notifikasi keanggotaan baru
- Jumlah Penonton: Angka penonton saat ini dan puncak
Widget YouTube-Spesifik:
- Badge Keanggotaan: Tampilkan level member
- Super Stickers: Notifikasi stiker beranimasi
- Alat Moderasi: Timeout, sembunyikan, blokir pengguna
Manajemen Quota API YouTube:
YouTube API memiliki quota harian. Streamingin mengoptimalkan penggunaan:
- Polling chat: Setiap 2 detik
- Status stream: Setiap 10 detik
- Update member: Setiap 30 detik
Pemecahan Masalah:
1. Autentikasi Gagal
- Bersihkan cache dan cookie browser
- Coba mode incognito/private
- Periksa status layanan YouTube/Google
2. Quota Terlampaui
- Tunggu reset quota (24 jam)
- Kurangi frekuensi polling di pengaturan
- Nonaktifkan fitur yang tidak penting
3. Tidak Ada Data Diterima
- Pastikan Anda sedang live di YouTube
- Periksa YouTube Studio berjalan
- Restart sesi live YouTube
- Autentikasi ulang koneksi
Tips Pro: Untuk hasil terbaik dengan YouTube, pastikan channel Anda memenuhi semua persyaratan untuk live streaming!
Perekaman Log Event
Pelajari cara merekam dan menganalisis semua event live stream untuk pembuatan konten dan analitik.
Apa itu Event Logging?
Event Logging merekam setiap interaksi selama live stream Anda, membuat catatan komprehensif yang dapat digunakan untuk:
- Pembuatan Konten VOD: Mudah menemukan highlight dan momen berkesan
- Analitik: Memahami perilaku dan pola keterlibatan penonton
- Manajemen Komunitas: Lacak hadiah, follow, dan interaksi
- Strategi Konten: Identifikasi apa yang paling berhasil dengan audiens Anda
Tipe Event yang Direkam:
1. Pesan Chat
- Semua komentar penonton dengan timestamp yang tepat
- Username pengirim dan platform
- Isi pesan
- Status moderasi (normal, dihapus, di-timeout)
2. Hadiah & Donasi
- TikTok: Semua hadiah dengan nilai koin
- YouTube: Super Chats dengan jumlah uang
- Timestamp kapan hadiah dikirim
- Total kumulatif per penonton
3. Follow & Subscribe
- Follower baru dengan timestamp
- Level langganan (membership YouTube)
- Milestone follower (100, 1000, dll.)
- Notifikasi resub
4. Metrik Penonton
- Jumlah penonton bersamaan (diperbarui setiap menit)
- Jumlah penonton puncak
- Tingkat retensi penonton
- Metrik keterlibatan
Cara Mengaktifkan Event Logging:
Langkah 1: Akses Pengaturan
- Buka Streamingin
- Buka Modul Connection
- Klik "Settings" (ikon roda gigi)
- Pilih tab "Event Logging"
Langkah 2: Konfigurasi Logging
Konfigurasi Event Logging:
Aktifkan logging: ☑ Ya
Lokasi penyimpanan: Documents/Streamingin/Logs/
Format log: JSON (disarankan)
Mulai otomatis: Saat stream dimulai
Henti otomatis: Saat stream berakhir
Langkah 3: Pilih Event yang Direkam
Centang event yang ingin direkam:
- [x] Pesan chat
- [x] Hadiah & donasi
- [x] Follow & subscribe
- [x] Metrik penonton
- [ ] Data teknis (lanjutan)
- [ ] Aksi moderasi
Menggunakan Log Event:
Analisis Pasca Stream:
- Ekspor Data: CSV/JSON untuk analisis eksternal
- Buat Laporan: Laporan ringkasan otomatis
- Buat Highlight: Pembuatan klip mudah dari log
- Wawasan Audiens: Pahami perilaku penonton
Pembuatan Konten:
- Pengeditan VOD: Gunakan timestamp untuk menemukan momen terbaik
- Video Kompilasi: Kumpulkan semua event hadiah/follow
- Konten Terima Kasih: Buat pesan terima kasih yang dipersonalisasi
- Update Komunitas: Bagikan statistik stream
Struktur File Log:
Format JSON (Contoh):
{
"stream_id": "stream_20240516_2030",
"platform": "tiktok",
"start_time": "2024-05-16T20:30:00Z",
"events": [
{
"type": "chat",
"timestamp": "2024-05-16T20:31:15Z",
"user": "penonton123",
"message": "Stream yang bagus!",
"platform": "tiktok"
},
{
"type": "gift",
"timestamp": "2024-05-16T20:32:30Z",
"user": "penonton_dermawan",
"gift": "Lion",
"value": 1000,
"platform": "tiktok"
}
]
}
Pemecahan Masalah:
1. Log Tidak Tersimpan
- Periksa ruang disk tersedia
- Jalankan sebagai Administrator (Windows)
- Ganti lokasi penyimpanan
- Hapus file log lama
2. Event Hilang
- Periksa stabilitas koneksi
- Tinjau batas API platform
- Sesuaikan filter event
- Aktifkan semua tipe event sementara
Tips Pro: Gunakan log event bukan hanya untuk analitik, tetapi juga sebagai alat pembuatan konten. Timestamp memudahkan menemukan dan mengklip momen terbaik dari stream Anda!
Dasar-dasar Overlay Studio Editor
Kuasai editor yang powerful yang membuat pembuatan overlay profesional menjadi mudah.
Gambaran Antarmuka:
Studio Editor dirancang agar intuitif seperti Canva namun khusus untuk overlay live streaming.
Area Kerja Utama:
┌─────────────────────────────────────────────────────┐
│ Toolbar [File] [Edit] [View] [Widget] │
├─────────────────────────────────────────────────────┤
│ │ Panel Layer │ │
│ │ │ Area Canvas │
│ │ - Elemen 1 │ │
│ │ - Elemen 2 │ │
│ │ - Elemen 3 │ │
│ │ │ │
│ └────────────────┘ │
│ │
│ Panel Properti → │
│ - Warna │
│ - Font │
│ - Animasi │
│ - Posisi │
└─────────────────────────────────────────────────────┘
Komponen Utama:
1. Area Canvas
- Ruang kerja utama tempat Anda mendesain overlay
- Pratinjau real-time tampilan overlay
- Grid dan panduan untuk perataan presisi
- Kontrol zoom (25% hingga 400%)
2. Toolbar
- Alat Pilih (V): Pilih dan pindahkan elemen
- Alat Teks (T): Tambahkan elemen teks
- Alat Bentuk (S): Tambahkan persegi, lingkaran, dll.
- Alat Gambar (I): Upload dan tempatkan gambar
- Alat Widget (W): Tambahkan widget interaktif
- Alat Perataan: Ratakan, distribusikan, atur
3. Panel Layer
- Tampilan hierarki semua elemen
- Seret untuk mengurutkan ulang posisi layer
- Toggle visibilitas (ikon mata)
- Kunci elemen untuk mencegah pengeditan tidak sengaja
- Kelompokkan/Pisahkan elemen yang berkaitan
4. Panel Properti
- Posisi & Ukuran: Koordinat X, Y, lebar, tinggi
- Tampilan: Warna, border, bayangan, opacity
- Properti Teks: Font, ukuran, perataan, spasi
- Animasi: Efek masuk, keluar, hover
- Binding Data: Hubungkan ke sumber data live
Alur Kerja Dasar:
Langkah 1: Buat Proyek Baru
- Klik tombol "Overlay Baru"
- Pilih template atau mulai kosong
- Atur dimensi:
- Portrait: 1080×1920 (TikTok mobile)
- Landscape: 1920×1080 (YouTube/desktop)
- Kustom: Ukuran apapun yang diperlukan
Langkah 2: Tambah Latar Belakang
- Klik "Background" di properti
- Pilih:
- Warna solid
- Gradien
- Gambar (upload atau dari library)
- Transparan (untuk overlay)
- Sesuaikan opacity jika diperlukan
Langkah 3: Tambah Elemen Teks
- Pilih Alat Teks (T)
- Klik pada canvas untuk membuat kotak teks
- Ketik teks Anda
- Kustomisasi di properti:
- Font, ukuran, warna
- Perataan
- Efek: Bayangan, outline
Langkah 4: Tambah Widget
- Klik tombol "Library Widget"
- Telusuri widget yang tersedia:
- Feed Chat
- Alert Gift
- Counter Follower
- Tampilan Poll
- Seret widget ke canvas
- Konfigurasi sumber data (TikTok/YouTube)
Langkah 5: Ekspor
- Klik tombol "Ekspor"
- Pilih format:
- URL Browser Source (untuk OBS)
- Paket HTML (mandiri)
- Gambar (PNG/JPEG untuk thumbnail)
- Salin URL atau simpan file
Tips & Trik Pro:
Prinsip Desain:
- Kontras: Pastikan teks dapat dibaca pada background
- Hierarki: Elemen penting harus paling menonjol
- Konsistensi: Gunakan font/warna yang sama di seluruh overlay
- Ruang Kosong: Jangan terlalu penuh — biarkan ada napas
Pintasan Keyboard:
Ctrl/Cmd + N Proyek baru
Ctrl/Cmd + S Simpan proyek
Ctrl/Cmd + Z Batalkan
Ctrl/Cmd + Y Ulangi
Ctrl/Cmd + G Kelompokkan yang dipilih
Ctrl/Cmd + D Duplikat
Delete Hapus yang dipilih
Ingat: Kunci overlay yang bagus adalah kesederhanaan dan konsistensi. Mulai sederhana, lalu tambah kompleksitas seiring pengalaman!
Panduan Widget
Pelajari cara menambahkan dan mengkustomisasi widget interaktif untuk live stream Anda.
Widget yang Tersedia:
1. Widget Feed Chat
- Menampilkan pesan chat real-time
- Tampilan yang dapat dikustomisasi (warna, font, ukuran)
- Fitur moderasi (filter kata-kata buruk)
- Opsi tampilan timestamp
2. Widget Alert Gift
- Menampilkan notifikasi hadiah beranimasi
- Animasi dan suara kustom
- Tampilan nilai hadiah
- Pelacakan hadiah kumulatif
3. Widget Goal Follower
- Progress bar untuk target follower
- Perayaan milestone
- Jumlah goal kustom
- Indikator progress visual
4. Widget Poll/Kuis
- Poll audiens interaktif
- Tampilan hasil real-time
- Beberapa tipe pertanyaan
- Opsi timer dan tutup otomatis
5. Widget Media Player
- Tampilkan gambar atau video
- Dukungan playlist
- Fitur lanjut otomatis
- Kontrol kustom
6. Widget Media Sosial
- Tampilkan postingan terbaru
- Integrasi platform (Twitter, Instagram)
- Opsi refresh otomatis
- Styling kustom
Menambahkan Widget:
Langkah demi Langkah:
- Buka Overlay Studio Editor
- Klik tombol "Tambah Widget"
- Pilih tipe widget dari library
- Seret ke posisi di canvas
- Kustomisasi di panel properti
- Konfigurasi sumber data
- Pratinjau dan uji
Opsi Konfigurasi:
- Ukuran & Posisi: Dimensi dan penempatan tepat
- Styling: Warna, font, border, bayangan
- Perilaku: Animasi, timing, pemicu
- Sumber Data: TikTok, YouTube, atau kustom
- Lanjutan: Override CSS, skrip kustom
Praktik Terbaik:
Performa:
- Batasi widget aktif (disarankan 3-5)
- Gunakan animasi sederhana untuk sistem low-end
- Uji di hardware target sebelum live
- Monitor penggunaan CPU/GPU
Desain:
- Styling konsisten di semua widget
- Kontras yang tepat untuk keterbacaan
- Ukuran yang sesuai untuk platform (mobile vs desktop)
- Uji di berbagai ukuran layar
Keterlibatan:
- Widget interaktif meningkatkan partisipasi penonton
- Update reguler menjaga konten segar
- Call-to-action yang jelas
- Hadiahi keterlibatan dengan shoutout
Segera Hadir:
- Lebih banyak tipe widget
- Kustomisasi lanjutan
- Integrasi pihak ketiga
- Widget bertenaga AI
*Konten sedang dikembangkan - nantikan update segera!*
Opsi Kustomisasi
Fitur kustomisasi lanjutan untuk kendali penuh atas tampilan overlay Anda.
Kustomisasi Visual:
Sistem Warna:
- Tema Bawaan: Palet warna profesional
- Warna Kustom: Nilai HEX, RGB, HSL
- Gradien: Linear, radial, angular
- Variabel Warna: Definisi warna yang dapat digunakan ulang
Manajemen Font:
- Integrasi Google Fonts: 1000+ font tersedia
- Font Sistem: Font web-safe standar
- Font Kustom: Upload file font Anda sendiri
- Skala Tipografi: Sistem ukuran yang konsisten
Efek Animasi:
- Animasi Masuk: Fade, slide, zoom, bounce
- Animasi Keluar: Fade out, slide out
- Efek Hover: Perubahan warna, skala, bayangan
- Transisi: Perubahan properti yang mulus
Efek Visual:
- Bayangan: Drop shadow, inner shadow
- Border: Solid, putus-putus, gradient
- Efek Blur: Background blur, frost glass
- Transparansi: Sesuaikan opacity elemen
Alat Layout:
Sistem Grid:
- Snap-to-Grid: Perataan presisi
- Grid Kustom: Definisikan grid Anda sendiri
- Panduan Cerdas: Pembantu perataan otomatis
- Penggaris: Pengukuran piksel-sempurna
Manajemen Layer:
- Kontrol Z-index: Urutan tumpukan
- Pengelompokan: Gabungkan beberapa elemen
- Penguncian: Cegah pengeditan tidak sengaja
- Toggle Visibilitas: Tampilkan/sembunyikan elemen
Alat Perataan:
- Ratakan: Kiri, tengah, kanan, atas, tengah, bawah
- Distribusikan: Spasi merata antara elemen
- Atur: Bawa ke depan, kirim ke belakang
- Samakan Ukuran: Buat elemen dimensi sama
Fitur Lanjutan:
Override CSS:
- Kontrol Penuh: Override properti CSS apapun
- Kelas Kustom: Definisikan style yang dapat digunakan ulang
- Media Query: Desain responsif
- Variabel CSS: Sistem nilai dinamis
Sistem Template:
- Simpan sebagai Template: Gunakan ulang desain berhasil
- Library Template: Template komunitas
- Variabel: Placeholder untuk konten dinamis
- Version Control: Lacak perubahan desain
Segera Hadir:
- Saran desain bertenaga AI
- Timeline animasi lanjutan
- Dukungan transform 3D
- Kolaborasi real-time
*Fitur kustomisasi lanjutan - detail lebih lanjut segera hadir!*
Mengekspor Overlay
Pelajari cara mengekspor overlay Anda untuk digunakan di OBS, TikTok Live Studio, dan perangkat lunak streaming lainnya.
Format Ekspor:
1. URL Browser Source
- Format utama untuk OBS/TikTok Live Studio
- Update real-time saat Anda mengedit
- URL tunggal untuk seluruh overlay
- Terbaik untuk: Live streaming
2. Paket HTML
- File HTML mandiri dengan semua aset
- Tidak memerlukan koneksi internet
- Portabel - bekerja di komputer manapun
- Terbaik untuk: Backup, berbagi, penggunaan offline
3. File Template (.streamingin)
- Format native untuk Streamingin
- Mempertahankan semua kemampuan pengeditan
- Termasuk layer, widget, pengaturan
- Terbaik untuk: Menyimpan pekerjaan, template
4. Ekspor Gambar
- Format PNG/JPEG
- Dukungan transparansi (PNG)
- Beberapa resolusi
- Terbaik untuk: Thumbnail, pratinjau
Ekspor Browser Source:
Langkah demi Langkah:
- Klik tombol "Ekspor" (kanan atas)
- Pilih opsi "Browser Source"
- Konfigurasi pengaturan:
- Resolusi (1080x1920 untuk portrait)
- FPS (30 atau 60)
- Transparansi (aktifkan untuk overlay)
- Kualitas (Rendah, Sedang, Tinggi)
- Salin URL yang dihasilkan
- Tempel ke OBS/TikTok Live Studio
Setup OBS:
- Di OBS, tambahkan Browser Source baru
- Tempel URL Streamingin
- Atur dimensi (sesuaikan ukuran overlay)
- Aktifkan "Refresh browser when scene becomes active"
- Klik OK
Setup TikTok Live Studio:
- Tambahkan Browser source baru
- Tempel URL
- Posisikan dan ukur sesuai kebutuhan
- Atur ke layer teratas (biasanya)
Masalah Umum:
- URL tidak dimuat: Periksa koneksi internet
- Layar hitam: Aktifkan transparansi di OBS
- Performa lambat: Kurangi resolusi atau FPS
- Elemen hilang: Pastikan semua layer terlihat
*Panduan ekspor - detail lebih lanjut dalam update berikutnya!*
Setup Browser Source
Pelajari cara menghubungkan overlay Streamingin ke OBS Studio sebagai Browser Source.
Apa itu Browser Source?
Browser Source di OBS merender halaman web (URL) langsung di dalam scene stream Anda. Streamingin menghasilkan URL unik untuk setiap overlay, yang Anda tambahkan ke OBS untuk menampilkan overlay secara real-time.
Langkah demi Langkah:
Langkah 1: Dapatkan URL Overlay Anda
- Buka overlay Anda di Overlay Studio Editor
- Klik "Ekspor" → "Browser Source"
- Salin URL yang dihasilkan
Langkah 2: Tambahkan ke OBS
- Buka OBS Studio
- Di panel Sources, klik "+"
- Pilih "Browser"
- Beri nama (mis. "Streamingin Overlay")
- Tempel URL Streamingin Anda
- Atur Width dan Height sesuai dimensi overlay
- Centang "Refresh browser when scene becomes active"
- Klik OK
Langkah 3: Posisi & Ukuran
- Seret sumber ke posisi yang benar di pratinjau
- Tahan Alt dan seret tepi untuk memotong jika diperlukan
- Gunakan Transform (Ctrl+E) untuk nilai yang presisi
Rekomendasi Pengaturan OBS:
Width: 1080 (portrait) / 1920 (landscape)
Height: 1920 (portrait) / 1080 (landscape)
FPS: 30 (standar) / 60 (mulus)
CSS: (kosongkan kecuali butuh override)
☑ Shutdown source when not visible
☑ Refresh browser when scene becomes active
Pemecahan Masalah:
- Layar hitam: Aktifkan transparansi di pengaturan browser source OBS
- Overlay tidak diperbarui: Pastikan Streamingin masih berjalan
- Lag performa: Turunkan FPS atau sederhanakan overlay
- Posisi salah: Gunakan Transform (Ctrl+E) untuk masukkan koordinat tepat
*Butuh bantuan? Kunjungi Halaman Support atau bergabung komunitas Discord kami!*
Integrasi TikTok Live Studio
Panduan lengkap untuk menggunakan overlay Streamingin dengan perangkat lunak streaming desktop resmi TikTok.
Gambaran TikTok Live Studio:
TikTok Live Studio adalah aplikasi desktop resmi TikTok untuk live streaming. Menawarkan:
- Integrasi TikTok native
- Efek dan filter bawaan
- Manajemen multi-sumber
- Streaming mobile dan desktop
Proses Setup:
Langkah 1: Siapkan Streamingin
- Buat overlay Anda di Streamingin
- Ekspor sebagai URL Browser Source
- Salin URL ke clipboard
- Biarkan Streamingin berjalan (diperlukan untuk update)
Langkah 2: Setup TikTok Live Studio
- Buka TikTok Live Studio
- Buat scene baru atau gunakan yang ada
- Klik "Add Source" → "Browser"
- Tempel URL Streamingin
- Nama: "Streamingin Overlay"
- Sesuaikan posisi dan ukuran
- Atur urutan layer (biasanya teratas)
Langkah 3: Konfigurasi
- Posisi: Biasanya layer teratas untuk overlay
- Ukuran: Sesuaikan dimensi overlay (1080x1920 untuk portrait)
- Transparansi: Aktifkan jika overlay memiliki area transparan
- Refresh: Aktifkan auto-refresh
Fitur Khusus TikTok:
Integrasi Gift:
- Animasi gift real-time
- Tampilan nilai gift
- Pelacakan gift kumulatif
- Pengakuan donor
Fitur Commerce:
- Integrasi tampilan produk
- Notifikasi keranjang belanja
- Pengumuman diskon/sale
- Konfirmasi pembelian
Tips Optimasi untuk Penonton Mobile:
- Orientasi portrait (1080x1920)
- Teks besar, mudah dibaca
- Warna cerah (layar mobile bervariasi)
- Area aman (hindari tumpang tindih kamera/chat)
Masalah Umum:
1. Overlay Tidak Tampil
- Restart TikTok Live Studio
- Verifikasi URL benar
- Pastikan Streamingin berjalan
- Periksa koneksi internet
2. Masalah Performa
- Kurangi kompleksitas overlay
- Turunkan FPS di pengaturan ekspor
- Tutup aplikasi lain
- Update driver grafis
*Panduan integrasi TikTok Live Studio - diperbarui secara berkala!*
Pemecahan Masalah Umum
Panduan komprehensif untuk menyelesaikan masalah umum dengan Streamingin.
Masalah Koneksi:
Tidak Bisa Terhubung ke TikTok/YouTube:
Gejala:
- Autentikasi gagal
- Pesan "Connection error"
- Stuck di layar loading
Solusi:
- Periksa koneksi internet
- Uji kecepatan di speedtest.net
- Coba jaringan lain
- Restart router/modem
- Masalah platform
- Periksa status TikTok/YouTube
- Coba akun lain
- Tunggu dan coba lagi nanti
- Masalah aplikasi
- Restart Streamingin
- Update ke versi terbaru
- Hapus cache aplikasi
Koneksi Terputus Saat Stream:
Solusi:
- Gunakan koneksi kabel (bukan WiFi)
- Tutup aplikasi yang membutuhkan bandwidth besar
- Periksa batas API (YouTube)
- Aktifkan logging koneksi untuk debug
Masalah Performa:
Penggunaan CPU Tinggi:
Solusi:
- Kurangi kompleksitas overlay
- Batasi jumlah widget
- Gunakan animasi lebih sederhana
- Optimalkan ukuran gambar
- Pengaturan sistem
- Tutup aplikasi lain
- Update driver grafis
- Tambah virtual memory
Animasi Patah-patah:
Solusi:
- Kurangi kompleksitas animasi
- Aktifkan hardware acceleration
- Gunakan CSS transform bukan JavaScript
- Uji di hardware target
Masalah Tampilan:
Overlay Tidak Tampil di OBS:
Solusi:
- Verifikasi URL benar
- Uji di browser terlebih dahulu
- Aktifkan transparansi di OBS
- Pastikan Streamingin berjalan
Warna atau Font Salah:
Solusi:
- Periksa profil warna
- Gunakan warna web-safe
- Verifikasi instalasi font
- Gunakan Google Fonts sebagai alternatif
Masalah Widget:
Widget Tidak Diperbarui:
Solusi:
- Verifikasi koneksi platform
- Periksa izin akun
- Periksa binding data
- Uji widget secara terpisah
Mendapatkan Bantuan:
Alat Diagnostik:
- Diagnostik dalam aplikasi - monitor performa
- Task Manager/Activity Monitor - penggunaan sumber daya
- Browser developer tools - debug tampilan
Saluran Support:
- Dokumentasi - panduan ini dan basis pengetahuan
- Komunitas - server Discord, forum pengguna
- Support resmi - email support, pelaporan bug
Kapan Menghubungi Support:
- Masalah kritis yang mencegah penggunaan
- Kekhawatiran keamanan
- Laporan bug dengan langkah-langkah reproduksi
- Permintaan fitur dengan penjelasan detail
Tips Pencegahan:
Pemeliharaan Rutin:
- Selalu update - aplikasi, driver, sistem
- Backup secara teratur - desain overlay, file konfigurasi
- Monitor performa - pengujian rutin
*Panduan pemecahan masalah - diperbarui berdasarkan masalah pengguna umum!*
Panduan Creator Store
Pelajari cara mempublikasikan dan menjual desain overlay Anda di marketplace Creator Store.
Apa itu Creator Store?
Creator Store adalah marketplace di dalam Streamingin di mana kreator dapat:
- Menjual desain overlay ke streamer lain
- Berbagi template dengan komunitas
- Mendapatkan penghasilan dari kreativitas Anda
- Membangun reputasi sebagai desainer
Persyaratan Publikasi:
Persyaratan Akun:
- Langganan Pro Tier (aktif)
- Akun kreator terverifikasi
- Profil lengkap dengan bio dan avatar
- Setuju dengan Ketentuan Kreator
Persyaratan Konten:
- Desain original (tidak ada pelanggaran hak cipta)
- Gambar pratinjau berkualitas tinggi
- Kategorisasi dan tag yang tepat
- Dokumentasi lengkap (jika kompleks)
Proses Publikasi:
Langkah 1: Siapkan Desain Anda
- Finalisasi desain di Overlay Studio
- Uji secara menyeluruh - semua fitur berfungsi
- Buat gambar pratinjau (screenshot)
- Tulis deskripsi dan instruksi
Langkah 2: Publikasi ke Store
- Klik tombol "Publish to Store"
- Isi detail produk:
- Judul: Nama yang jelas dan deskriptif
- Deskripsi: Fitur, penggunaan, persyaratan
- Kategori: Gaming, Bisnis, Edukasi, dll.
- Tag: Kata kunci relevan untuk pencarian
- Harga: Dalam Streamingin Coin (SC)
Langkah 3: Upload Aset
- Gambar pratinjau utama (wajib, 1920x1080)
- Screenshot tambahan (3-5 disarankan)
- Video demo (opsional tapi disarankan)
- Thumbnail (pratinjau kecil, 400x300)
Langkah 4: Submit untuk Review
- Tinjau semua informasi untuk akurasi
- Terima ketentuan dan konfirmasi keaslian
- Submit untuk moderasi
- Tunggu persetujuan (1-3 hari kerja)
Strategi Penetapan Harga:
Rentang Harga:
- Desain sederhana: 5-20 SC
- Kompleksitas sedang: 20-50 SC
- Desain lanjutan: 50-100+ SC
- Bundle/koleksi: 100-500 SC
Bagi Hasil Pendapatan:
- Kreator menerima: 70% dari harga jual
- Biaya platform: 30% (pemeliharaan, pengembangan)
- Pembayaran: Bulanan, minimum 100 SC
Tips Sukses:
Dari Kreator Sukses:
- Mulai sederhana - kuasai desain dasar dulu
- Dengarkan feedback - tingkatkan berdasarkan komentar pengguna
- Buat seri - desain terkait terjual lebih baik bersama
- Ikuti tren - tren desain di dunia streaming
Keunggulan Teknis:
- Optimalkan performa - loading cepat, penggunaan sumber daya rendah
- Uji lintas platform - bekerja di TikTok, YouTube, dll.
- Dokumentasi jelas - mudah digunakan pembeli
- Pemeliharaan rutin - update untuk fitur Streamingin baru
*Panduan Creator Store - ubah kreativitas Anda menjadi penghasilan!*
Integrasi API
Fitur API lanjutan untuk developer dan pengguna power.
Gambaran API Streamingin:
API Streamingin menyediakan akses programatik ke fitur platform, memungkinkan:
- Integrasi kustom dengan alat lain
- Alur kerja otomatis
- Analisis data dan pelaporan
- Aplikasi kustom yang dibangun di atas Streamingin
Persyaratan Akses API:
Autentikasi:
- API key tersedia di Pro Tier
- OAuth 2.0 untuk autentikasi pengguna
- Rate limiting: 100 permintaan/menit
- HTTPS diperlukan untuk semua permintaan
Memulai:
- Upgrade ke Pro Tier (diperlukan)
- Buka Settings → Developer → API
- Generate API key
- Tinjau dokumentasi di api.streamingin.com
Endpoint yang Tersedia:
Manajemen Overlay:
GET /v1/overlays # Daftar overlay
POST /v1/overlays # Buat overlay
GET /v1/overlays/{id} # Detail overlay
PUT /v1/overlays/{id} # Update overlay
DELETE /v1/overlays/{id} # Hapus overlay
Streaming Event:
GET /v1/events/chat # Event chat live
GET /v1/events/gifts # Event hadiah
GET /v1/events/follows # Event follow
WS /v1/events/stream # WebSocket untuk semua event
Contoh Penggunaan:
Autentikasi Dasar:
const API_KEY = 'kunci_api_anda_disini';
const headers = {
'Authorization': `Bearer ${API_KEY}`,
'Content-Type': 'application/json'
};
// Contoh: Dapatkan profil pengguna
fetch('https://api.streamingin.com/v1/user/profile', {
method: 'GET',
headers: headers
})
.then(response => response.json())
.then(data => console.log(data));
WebSocket Events:
const ws = new WebSocket('wss://api.streamingin.com/v1/events/stream');
ws.onopen = () => {
ws.send(JSON.stringify({
type: 'authenticate',
token: API_KEY
}));
};
ws.onmessage = (event) => {
const data = JSON.parse(event.data);
switch(data.type) {
case 'chat':
// Proses pesan chat
break;
case 'gift':
// Proses event hadiah
break;
}
};
Kasus Penggunaan:
Dashboard Kustom:
- Metrik stream real-time
- Visualisasi analitik kustom
- Manajemen multi-stream
Otomasi:
- Perubahan overlay terjadwal
- Aksi dipicu event
- Aturan auto-moderasi
Pertimbangan Keamanan:
- Jangan pernah paparkan API key di kode sisi-klien
- Gunakan variabel lingkungan untuk data sensitif
- Implementasikan rate limiting di aplikasi Anda
- Rotasi API key secara berkala
*Panduan Integrasi API - untuk developer dan pengguna lanjutan!*