Live Streaming OBS

Streaming dalam bahasa Anda sementara penonton membaca subtitle terjemahan langsung di videonya. Aplikasi Web Whisperr mentranskripsi dan menerjemahkan komentar Anda secara real-time, dan halaman overlay transparan menampilkan subtitle di dalam OBS sebagai Browser Source — tanpa plugin, tanpa unduhan, tanpa mengubah encoder GPU. Overlay juga menampilkan kode QR kecil di pojok: penonton yang ingin bahasa lain cukup memindainya dan membaca di ponsel mereka dalam bahasa apa pun yang didukung Whisperr.

Cara Kerjanya

1. Mulai siaran di Aplikasi Web Whisperr dengan Tautan Berbagi aktif — ini membuat room langsung untuk sesi Anda
2. Buat URL overlay Anda dan tambahkan ke OBS sebagai Browser Source — subtitle terjemahan muncul di stream Anda saat Anda berbicara
3. Penonton memindai kode QR di pojok untuk membuka room di ponsel mereka dan memilih bahasa mereka sendiri

Yang Anda Butuhkan

• Akun Whisperr, sudah masuk ke Aplikasi Web di Chrome
• OBS Studio (atau perangkat lunak streaming apa pun yang punya Browser Source, seperti Streamlabs)
• Perangkat streaming Anda seperti biasa — Twitch, YouTube Live, Kick, atau ke mana pun OBS bisa streaming

Langkah 1 — Mulai Siaran dengan Tautan Berbagi

Buka Aplikasi Web dan mulai rekaman baru:

1. Pilih bahasa yang Anda ucapkan dan bahasa terjemahan yang ingin ditampilkan permanen di stream
2. Pilih sumber audio — Audio Mikrofon untuk komentar, atau Mik + Layar jika Anda juga ingin audio game atau tab ikut ditranskripsi
3. Aktifkan Tautan Berbagi, lalu mulai merekam

Begitu rekaman dimulai, panel berbagi muncul dengan dua tab: Ruang (tautan dan kode QR yang bisa langsung digunakan pendengar untuk bergabung) dan OBS (tautan penyiapan overlay untuk stream Anda).

Langkah 2 — Buka Halaman Penyiapan Overlay

Di panel berbagi, klik tab OBS, lalu klik ikon buka di samping tautan penyiapan — keduanya ditandai kotak merah di bawah:

Tautan penyiapan overlay terlihat seperti ini:

https://whisperr.co/app/overlay/<your-room-id>/choose

Halaman penyiapan memungkinkan Anda memilih apa yang ditampilkan subtitle di stream, tanpa mengedit URL secara manual:

Langkah 3 — Pilih Apa yang Dilihat Penonton dan Buat URL-nya

• Terjemahan — hanya subtitle terjemahan (pilihan yang paling umum)
• Transkripsi — hanya ucapan asli Anda, sebagai caption langsung
• Keduanya — kalimat asli Anda dengan terjemahan di bawahnya, seperti subtitle dwibahasa

Pilih berapa baris caption yang tampil di layar sekaligus, tekan Buat, lalu salin URL-nya:

catatan

Tempelkan URL hasil pembuatan ke OBS — bukan URL halaman penyiapannya sendiri. Halaman penyiapan adalah layar konfigurasi, dan jika ditambahkan ke OBS, kartu konfigurasinya justru akan tampil di stream Anda.

Langkah 4 — Tambahkan ke OBS sebagai Browser Source

Di OBS:

1. Di Sources (Sumber), klik + dan pilih Browser
2. Tempelkan URL hasil pembuatan ke kolom URL
3. Atur Width (Lebar) dan Height (Tinggi) sesuai kanvas Anda — biasanya 1920 × 1080
4. Klik OK, lalu posisikan sumber di atas layer gameplay atau kamera Anda

Latar belakang overlay sepenuhnya transparan — saat tidak ada yang berbicara, sumbernya tidak terlihat. Selama satu menit pertama setelah dimuat, tampil baris status redup ("Whisperr overlay connected — waiting for captions…", artinya overlay Whisperr terhubung — menunggu caption) agar Anda bisa memastikan semuanya berfungsi saat menyiapkan; baris status hilang begitu caption pertama tiba, dan tidak pernah muncul di tengah stream.

Langkah 5 — Mulai Siaran Langsung

Bicaralah seperti biasa. Subtitle muncul di stream Anda secara real-time — bagian kalimat yang masih berjalan tampil sedikit redup dan menjadi tegas setelah transkripsinya dikonfirmasi, dan baris yang selesai memudar beberapa detik setelah Anda berhenti berbicara.

Kode QR di Pojok

Subtitle yang tertanam di stream menjangkau semua orang, tetapi hanya dalam satu bahasa. Kode QR di pojok membuka room langsung Anda di ponsel penonton, tempat mereka memilih bahasa mereka sendiri dan bahkan bisa mendengarkan lewat text-to-speech. Fitur ini aktif secara default dengan tulisan "Scan to read in your language" (Pindai untuk membaca dalam bahasa Anda) — sesuaikan dengan parameter URL di bawah (misalnya, ?qrlabel= dengan kalimat Anda sendiri dalam bahasa penonton Anda, atau ?qr=0 untuk menghapusnya).

Menyesuaikan Overlay

Setiap opsi berupa parameter URL, karena browser source OBS tidak bisa diklik. Tambahkan ke URL hasil pembuatan dengan &:

Parameter	Default	Fungsinya
mode	translation	translation (terjemahan), transcription (transkripsi), atau both (keduanya)
lines	2	Jumlah baris caption yang tampil sekaligus (1–6)
size	42	Ukuran font dalam px (12–120)
color	ffffff	Warna teks — hex tanpa #, atau nama warna CSS
bg	0	Opasitas latar di belakang tiap baris, 0–1 (0 = hanya bayangan teks)
hold	8	Berapa detik baris yang selesai tetap di layar (1–60)
align	bottom	Menambatkan caption ke bottom (bawah) atau top (atas)
lang	(semua)	Hanya menampilkan terjemahan untuk satu bahasa target, mis. lang=es
qr	aktif	qr=0 menyembunyikan kode QR di pojok
qrsize	132	Ukuran kode QR dalam px (64–400)
qrpos	br	Pojok kode QR: br, bl, tr, atau tl
qrlabel	Scan to read in your language	Tulisan di bawah kode QR; qrlabel= (kosong) menampilkan kodenya saja

Misalnya, caption kuning lebih besar di bagian atas tanpa kode QR:

https://whisperr.co/app/overlay/<room-id>?size=56&color=ffcc00&align=top&qr=0

Tips dan Pemecahan Masalah

• Sumber tidak menampilkan apa pun di OBS — klik kanan Browser Source dan pilih Refresh cache of current page (Segarkan cache halaman saat ini). Jika baris status menampilkan "connecting…" (menghubungkan) dan tidak pernah tersambung, periksa jaringan Anda; jika tertulis "waiting for captions" (menunggu caption), overlay-nya sehat — sesi Whisperr Anda saja yang belum mengirim suara.
• Setiap stream adalah room baru — setiap sesi rekaman mendapat ID room baru, jadi buat URL overlay baru saat memulai siaran baru, atau biarkan sesi Whisperr yang sama berjalan sepanjang stream.
• Sesi paket gratis dibatasi 2 menit — untuk stream sungguhan Anda perlu paket berbayar agar sesi berjalan selama Anda siaran.
• Menerjemahkan ke beberapa bahasa? Tanamkan satu bahasa ke stream dengan lang=, dan biarkan yang lain memakai kode QR — memang untuk itulah fitur tersebut dibuat.