Dokumentasi

Memulai

Terakhir diperbarui: Mei 2026Waktu baca: 5-10 menitFormat Markdown

Butuh Bantuan Lebih?

Jika Anda masih mengalami masalah atau memiliki pertanyaan, kunjungi halaman Support kami untuk FAQ atau hubungi tim kami.

Panduan Terkait

Konfigurasi Widget Lanjutan

Pelajari cara menyesuaikan widget interaktif untuk keterlibatan maksimal

Optimasi Performa

Tips menjalankan Streamingin lancar di sistem spesifikasi rendah

Panduan Creator Store

Cara mempublikasikan dan menjual desain Anda di Creator Store

Pemecahan Masalah Umum

Solusi untuk masalah dan pesan error yang sering muncul

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:

  1. Unduh installer dari website kami
  2. Jalankan installer (.exe untuk Windows, .dmg untuk Mac)
  3. Ikuti wizard instalasi
  4. Buka Streamingin dari desktop atau start menu

Persyaratan Sistem:

Windows:

MacOS:

Jaringan:

Pertama Kali Dibuka:

Saat pertama kali membuka Streamingin, Anda akan disambut dengan:

  1. Layar Selamat Datang dengan opsi pengaturan
  2. Panduan Mulai Cepat untuk pemula
  3. Tampilan Dashboard
  4. Tutorial Memulai

Langkah Selanjutnya:

Setelah instalasi, kami menyarankan:

  1. Hubungkan akun streaming Anda (TikTok/YouTube)
  2. Jelajahi Overlay Studio Editor
  3. Coba buat overlay pertama Anda
  4. 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

  1. Kunjungi streamingin.com/download
  2. Klik "Download for Windows"
  3. Simpan file installer .exe

Langkah 2: Jalankan Installer

  1. Temukan file yang diunduh (biasanya di folder Downloads)
  2. Klik dua kali Streamingin-Setup.exe
  3. Jika Windows Defender menampilkan peringatan, klik "More info" → "Run anyway"

Langkah 3: Wizard Instalasi

  1. Layar Selamat Datang: Klik "Next"
  2. Persetujuan Lisensi: Baca dan setujui ketentuan
  3. Lokasi Instalasi:
  1. Tugas Tambahan:
  1. Siap Instal: Klik "Install"
  2. Selesai: Klik "Finish"

Langkah 4: Pertama Kali Jalan

  1. Streamingin akan terbuka otomatis
  2. Anda mungkin melihat prompt keamanan — izinkan akses
  3. Layar selamat datang akan muncul

Instalasi MacOS:

Langkah 1: Unduh

  1. Kunjungi streamingin.com/download
  2. Klik "Download for Mac"
  3. Simpan file .dmg

Langkah 2: Mount Disk Image

  1. Buka folder Downloads
  2. Klik dua kali Streamingin.dmg
  3. Jendela baru akan terbuka menampilkan aplikasi Streamingin

Langkah 3: Instal Aplikasi

  1. Seret streamingin.com ke folder Applications
  2. Tunggu hingga penyalinan selesai
  3. Keluarkan disk image (klik kanan → Eject)

Langkah 4: Keamanan Pertama Kali Jalan

  1. Buka folder Applications
  2. Temukan streamingin.com
  3. Klik dua kali untuk membuka
  4. Jika muncul: "Streamingin tidak dapat dibuka karena berasal dari developer yang tidak dikenal"

Checklist Pasca Instalasi:

Verifikasi Instalasi:

Masalah Umum:

Windows:
MacOS:

Uninstalasi:

Windows:

  1. Buka Control PanelProgramsPrograms and Features
  2. Temukan "Streamingin" dalam daftar
  3. Klik "Uninstall"
  4. Ikuti petunjuk uninstaller

MacOS:

  1. Buka folder Applications
  2. Seret streamingin.com ke Trash
  3. 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)

2. Lewati ke Dashboard

3. Impor Pengaturan

Konfigurasi Awal:

Langkah 1: Pilih Bahasa

Langkah 2: Lokasi Penyimpanan

Langkah 3: Preferensi Tema

Langkah 4: Koneksi Akun (Opsional)

Anda bisa menghubungkan sekarang atau nanti:

Langkah 5: Syarat & Privasi

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
2. Aksi Cepat
3. Kartu Memulai

Masalah Pertama Kali Umum:

1. Aplikasi Crash

Kemungkinan penyebab:

Solusi:

2. Performa Lambat

Kemungkinan penyebab:

Solusi:

Langkah Selanjutnya Setelah Setup:

Hari 1: Fondasi

Minggu 1: Eksplorasi

Bulan 1: Penguasaan

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:

MacOS:

Persyaratan yang Disarankan:

Windows (Pengalaman Optimal):

MacOS (Pengalaman Optimal):

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:

Catatan Sistem Operasi:

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:

Langkah-langkah Koneksi:

Langkah 1: Buka Modul Connection

  1. Buka Streamingin
  2. Klik modul "Connection" di sidebar
  3. Pilih tab "TikTok Live"

Langkah 2: Autentikasi

  1. Klik tombol "Connect to TikTok"
  2. Jendela browser akan terbuka ke halaman OAuth TikTok
  3. Login dengan kredensial TikTok Anda
  4. Berikan izin berikut:

Langkah 3: Pilih Akun

  1. Jika Anda mengelola beberapa akun, pilih yang ingin digunakan
  2. Pilih live room yang sesuai (jika tersedia beberapa)
  3. Klik "Authorize" untuk menyelesaikan koneksi

Langkah 4: Verifikasi

  1. Kembali ke Streamingin
  2. Anda seharusnya melihat:

Fitur yang Tersedia:

Pemantauan Real-time:

Widget Interaktif:

Keamanan & Privasi:

Penanganan Data:

Pemecahan Masalah:

1. Autentikasi Gagal

2. Koneksi Terputus

3. Tidak Ada Data Diterima

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:

Langkah-langkah Koneksi:

Langkah 1: Buka Modul Connection

  1. Buka Streamingin
  2. Klik modul "Connection" di sidebar
  3. Pilih tab "YouTube Live"

Langkah 2: Autentikasi

  1. Klik tombol "Connect to YouTube"
  2. Jendela browser akan terbuka ke halaman OAuth Google
  3. Login dengan akun Google Anda
  4. Pilih channel YouTube yang ingin digunakan
  5. Berikan izin berikut:

Langkah 3: Pilih Channel

  1. Jika Anda mengelola beberapa channel, pilih yang benar
  2. Pilih live stream yang sesuai (jika tersedia beberapa)
  3. Klik "Allow" untuk menyelesaikan koneksi

Langkah 4: Verifikasi

  1. Kembali ke Streamingin
  2. Anda seharusnya melihat:

Fitur yang Tersedia:

Pemantauan Real-time:

Widget YouTube-Spesifik:

Manajemen Quota API YouTube:

YouTube API memiliki quota harian. Streamingin mengoptimalkan penggunaan:

Pemecahan Masalah:

1. Autentikasi Gagal

2. Quota Terlampaui

3. Tidak Ada Data Diterima

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:

Tipe Event yang Direkam:

1. Pesan Chat

2. Hadiah & Donasi

3. Follow & Subscribe

4. Metrik Penonton

Cara Mengaktifkan Event Logging:

Langkah 1: Akses Pengaturan

  1. Buka Streamingin
  2. Buka Modul Connection
  3. Klik "Settings" (ikon roda gigi)
  4. 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:

Menggunakan Log Event:

Analisis Pasca Stream:

  1. Ekspor Data: CSV/JSON untuk analisis eksternal
  2. Buat Laporan: Laporan ringkasan otomatis
  3. Buat Highlight: Pembuatan klip mudah dari log
  4. Wawasan Audiens: Pahami perilaku penonton

Pembuatan Konten:

  1. Pengeditan VOD: Gunakan timestamp untuk menemukan momen terbaik
  2. Video Kompilasi: Kumpulkan semua event hadiah/follow
  3. Konten Terima Kasih: Buat pesan terima kasih yang dipersonalisasi
  4. 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

2. Event Hilang

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

2. Toolbar

3. Panel Layer

4. Panel Properti

Alur Kerja Dasar:

Langkah 1: Buat Proyek Baru

  1. Klik tombol "Overlay Baru"
  2. Pilih template atau mulai kosong
  3. Atur dimensi:

Langkah 2: Tambah Latar Belakang

  1. Klik "Background" di properti
  2. Pilih:
  1. Sesuaikan opacity jika diperlukan

Langkah 3: Tambah Elemen Teks

  1. Pilih Alat Teks (T)
  2. Klik pada canvas untuk membuat kotak teks
  3. Ketik teks Anda
  4. Kustomisasi di properti:

Langkah 4: Tambah Widget

  1. Klik tombol "Library Widget"
  2. Telusuri widget yang tersedia:
  1. Seret widget ke canvas
  2. Konfigurasi sumber data (TikTok/YouTube)

Langkah 5: Ekspor

  1. Klik tombol "Ekspor"
  2. Pilih format:
  1. Salin URL atau simpan file

Tips & Trik Pro:

Prinsip Desain:

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

2. Widget Alert Gift

3. Widget Goal Follower

4. Widget Poll/Kuis

5. Widget Media Player

6. Widget Media Sosial

Menambahkan Widget:

Langkah demi Langkah:

  1. Buka Overlay Studio Editor
  2. Klik tombol "Tambah Widget"
  3. Pilih tipe widget dari library
  4. Seret ke posisi di canvas
  5. Kustomisasi di panel properti
  6. Konfigurasi sumber data
  7. Pratinjau dan uji

Opsi Konfigurasi:

Praktik Terbaik:

Performa:

Desain:

Keterlibatan:

Segera Hadir:

*Konten sedang dikembangkan - nantikan update segera!*

Opsi Kustomisasi

Fitur kustomisasi lanjutan untuk kendali penuh atas tampilan overlay Anda.

Kustomisasi Visual:

Sistem Warna:

Manajemen Font:

Efek Animasi:

Efek Visual:

Alat Layout:

Sistem Grid:

Manajemen Layer:

Alat Perataan:

Fitur Lanjutan:

Override CSS:

Sistem Template:

Segera Hadir:

*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

2. Paket HTML

3. File Template (.streamingin)

4. Ekspor Gambar

Ekspor Browser Source:

Langkah demi Langkah:

  1. Klik tombol "Ekspor" (kanan atas)
  2. Pilih opsi "Browser Source"
  3. Konfigurasi pengaturan:
  1. Salin URL yang dihasilkan
  2. Tempel ke OBS/TikTok Live Studio

Setup OBS:

  1. Di OBS, tambahkan Browser Source baru
  2. Tempel URL Streamingin
  3. Atur dimensi (sesuaikan ukuran overlay)
  4. Aktifkan "Refresh browser when scene becomes active"
  5. Klik OK

Setup TikTok Live Studio:

  1. Tambahkan Browser source baru
  2. Tempel URL
  3. Posisikan dan ukur sesuai kebutuhan
  4. Atur ke layer teratas (biasanya)

Masalah Umum:

  1. URL tidak dimuat: Periksa koneksi internet
  2. Layar hitam: Aktifkan transparansi di OBS
  3. Performa lambat: Kurangi resolusi atau FPS
  4. 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

  1. Buka overlay Anda di Overlay Studio Editor
  2. Klik "Ekspor""Browser Source"
  3. Salin URL yang dihasilkan

Langkah 2: Tambahkan ke OBS

  1. Buka OBS Studio
  2. Di panel Sources, klik "+"
  3. Pilih "Browser"
  4. Beri nama (mis. "Streamingin Overlay")
  5. Tempel URL Streamingin Anda
  6. Atur Width dan Height sesuai dimensi overlay
  7. Centang "Refresh browser when scene becomes active"
  8. Klik OK

Langkah 3: Posisi & Ukuran

  1. Seret sumber ke posisi yang benar di pratinjau
  2. Tahan Alt dan seret tepi untuk memotong jika diperlukan
  3. 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:

*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:

Proses Setup:

Langkah 1: Siapkan Streamingin

  1. Buat overlay Anda di Streamingin
  2. Ekspor sebagai URL Browser Source
  3. Salin URL ke clipboard
  4. Biarkan Streamingin berjalan (diperlukan untuk update)

Langkah 2: Setup TikTok Live Studio

  1. Buka TikTok Live Studio
  2. Buat scene baru atau gunakan yang ada
  3. Klik "Add Source""Browser"
  4. Tempel URL Streamingin
  5. Nama: "Streamingin Overlay"
  6. Sesuaikan posisi dan ukuran
  7. Atur urutan layer (biasanya teratas)

Langkah 3: Konfigurasi

  1. Posisi: Biasanya layer teratas untuk overlay
  2. Ukuran: Sesuaikan dimensi overlay (1080x1920 untuk portrait)
  3. Transparansi: Aktifkan jika overlay memiliki area transparan
  4. Refresh: Aktifkan auto-refresh

Fitur Khusus TikTok:

Integrasi Gift:

Fitur Commerce:

Tips Optimasi untuk Penonton Mobile:

Masalah Umum:

1. Overlay Tidak Tampil

2. Masalah Performa

*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:

Solusi:

  1. Periksa koneksi internet
  1. Masalah platform
  1. Masalah aplikasi

Koneksi Terputus Saat Stream:

Solusi:

  1. Gunakan koneksi kabel (bukan WiFi)
  2. Tutup aplikasi yang membutuhkan bandwidth besar
  3. Periksa batas API (YouTube)
  4. Aktifkan logging koneksi untuk debug

Masalah Performa:

Penggunaan CPU Tinggi:

Solusi:

  1. Kurangi kompleksitas overlay
  1. Pengaturan sistem

Animasi Patah-patah:

Solusi:

  1. Kurangi kompleksitas animasi
  2. Aktifkan hardware acceleration
  3. Gunakan CSS transform bukan JavaScript
  4. Uji di hardware target

Masalah Tampilan:

Overlay Tidak Tampil di OBS:

Solusi:

  1. Verifikasi URL benar
  2. Uji di browser terlebih dahulu
  3. Aktifkan transparansi di OBS
  4. Pastikan Streamingin berjalan

Warna atau Font Salah:

Solusi:

  1. Periksa profil warna
  2. Gunakan warna web-safe
  3. Verifikasi instalasi font
  4. Gunakan Google Fonts sebagai alternatif

Masalah Widget:

Widget Tidak Diperbarui:

Solusi:

  1. Verifikasi koneksi platform
  2. Periksa izin akun
  3. Periksa binding data
  4. Uji widget secara terpisah

Mendapatkan Bantuan:

Alat Diagnostik:

  1. Diagnostik dalam aplikasi - monitor performa
  2. Task Manager/Activity Monitor - penggunaan sumber daya
  3. Browser developer tools - debug tampilan

Saluran Support:

  1. Dokumentasi - panduan ini dan basis pengetahuan
  2. Komunitas - server Discord, forum pengguna
  3. Support resmi - email support, pelaporan bug

Kapan Menghubungi Support:

Tips Pencegahan:

Pemeliharaan Rutin:

  1. Selalu update - aplikasi, driver, sistem
  2. Backup secara teratur - desain overlay, file konfigurasi
  3. 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:

Persyaratan Publikasi:

Persyaratan Akun:

Persyaratan Konten:

Proses Publikasi:

Langkah 1: Siapkan Desain Anda

  1. Finalisasi desain di Overlay Studio
  2. Uji secara menyeluruh - semua fitur berfungsi
  3. Buat gambar pratinjau (screenshot)
  4. Tulis deskripsi dan instruksi

Langkah 2: Publikasi ke Store

  1. Klik tombol "Publish to Store"
  2. Isi detail produk:

Langkah 3: Upload Aset

  1. Gambar pratinjau utama (wajib, 1920x1080)
  2. Screenshot tambahan (3-5 disarankan)
  3. Video demo (opsional tapi disarankan)
  4. Thumbnail (pratinjau kecil, 400x300)

Langkah 4: Submit untuk Review

  1. Tinjau semua informasi untuk akurasi
  2. Terima ketentuan dan konfirmasi keaslian
  3. Submit untuk moderasi
  4. Tunggu persetujuan (1-3 hari kerja)

Strategi Penetapan Harga:

Rentang Harga:

Bagi Hasil Pendapatan:

Tips Sukses:

Dari Kreator Sukses:

  1. Mulai sederhana - kuasai desain dasar dulu
  2. Dengarkan feedback - tingkatkan berdasarkan komentar pengguna
  3. Buat seri - desain terkait terjual lebih baik bersama
  4. Ikuti tren - tren desain di dunia streaming

Keunggulan Teknis:

  1. Optimalkan performa - loading cepat, penggunaan sumber daya rendah
  2. Uji lintas platform - bekerja di TikTok, YouTube, dll.
  3. Dokumentasi jelas - mudah digunakan pembeli
  4. 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:

Persyaratan Akses API:

Autentikasi:

Memulai:

  1. Upgrade ke Pro Tier (diperlukan)
  2. Buka SettingsDeveloperAPI
  3. Generate API key
  4. 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:

Otomasi:

Pertimbangan Keamanan:

  1. Jangan pernah paparkan API key di kode sisi-klien
  2. Gunakan variabel lingkungan untuk data sensitif
  3. Implementasikan rate limiting di aplikasi Anda
  4. Rotasi API key secara berkala

*Panduan Integrasi API - untuk developer dan pengguna lanjutan!*