๐ŸŽฅ TipTap-OBS

Integrasi TipTap-OBS

TipTap sebisa mungkin menciptakan efisiensi integrasi antara TipTap dengan OBS agar pengalaman streamingmu jadi lebih menyenangkan.

Overlay TipTap-OBS

Berikut langkah untuk integrasikan overlay TipTap dengan software streaming kamu. Pada contoh ini kami menggunakan OBS sebagai software streaming.

  1. Drag and drop tombol overlay link TipTap ke Layar OBS-mu. Done.
โ„น๏ธ

Jika OBS-mu running as administator kamu tidak bisa menggunakan metode drag and drop ini.

Alternatifnya, kamu bisa menggunakan cara ini dibawah ini.

  1. Salin URL pada overlay URL kamu yang terdapat kanan atas tombol "Copy Link" di halaman overlay.
  2. Pada bagian Sources OBS tekan tombol โ€˜+โ€™ lalu pilih โ€˜Browserโ€™ akan muncul jendela untuk memberikan nama source browser kamu. Berikan nama sesuai kebutuhan, misalkan โ€˜TipTap Overlayโ€™.
  3. Tempelkan URL overlay yang sudah kamu salin tadi pada kolom URL. Lalu tekan โ€˜Okโ€™.

Eksplor widget lebih lanjut disini.

โš ๏ธ

Jangan sebarkan URL overlay ke publik. Segera reset private key pada halaman 'danger' jika URL terekspos Setiap overlay memiliki URL unik maka kamu harus salin-tempel setiap overlay yang ingin kamu pakai.

Kontrol Overlay di OBS

Kendalikan overlay langsung dari OBS. Ini memudahkan kamu untuk eksperimen dan tes widget-widget kamu.

  1. Salin URL overlay kontrol kamu. Dengan klik salah satu widget yang terdapat kontrolnya seperti widget Alert.
  2. Di atas tab kontrol widget tekan tombol open new tab yang ada di atas kanan. Copy URL kontrol.
  3. Pada OBS, tab menu yang berada pada kiri atas layar OBS pilih 'Docks'.
  4. Pilih 'Custom Browser Docks' pada kolom Dock Name berikan nama seperti 'Kontrol overlay' pada kolom URL tempel URL yang sudah kamu salin tadi.
  5. Jika semua sudah terisi, tekan 'Apply'. Docks kontrol overlay kamu akan muncul.
  6. Pada tombol gir kamu dapat memilih kontrol overlay mana yang ingin ditampilkan. Tampilkan semua, atau hanya satu saja? kamu bisa atur sendiri.
โš ๏ธ

Jangan sebarkan URL kontrol overlay ke publik. Segera reset private key pada halaman 'danger' jika URL terekspos.

Halaman Tips di OBS

Kamu tidak harus membuka web browser lagi untuk memonitori halaman Tips cukup lakukan langsung pada OBS. Berikut Caranya.

  1. Pada tab menu yang berada pada kiri atas layar OBS pilih 'Docks'.
  2. Pilih 'Custom Browser Docks' pada kolom Dock Name berikan nama seperti 'TipTap Tips' pada kolom URL masukkan URL halaman tips yaitu 'https://tiptap.gg/dashboard/tips (opens in a new tab)'.
  3. Jika semua sudah terisi, tekan 'Apply'. Docks TipTap Tips kamu akan muncul, silahkan login akun dan lihatlah sekarang pengaturan kamu semua berada pada satu sumber OBS.

Kesimpulan

Sederhananya, integrasi ini hanya menggunakan metode buat source browser OBS dan buat docks OBS. Kamu bisa bereksperimen sesuka kamu untuk menyusun layout terbaik agar dapat memonitoring dan mengakses tombol-tombol yang sebelumnya ada diluar OBS.

Permasalahan yang biasa ditemui

Kok aku nggak bisa dengar suara alert atau widget lainnya dari OBS?

Masalah ini biasanya terjadi karena output monitoring device dan output pada browser source yang berbeda.

Untuk memperbaikinya kamu bisa ke dock Audio Mixer di OBS. Klik kanan dan pilih Advance Audio Properties atau klik ikon gear pada Audio Mixer. Cari source widget alert kamu ubah Audio Monitoring-nya ke Monitor and Output. Sekarang kamu bisa mendengarkan Audio dari Widget kamu.