# KickBot overlay'ini OBS'ye ekle

> Chat, alert veya TTS gibi her KickBot overlay'ini OBS Studio, Streamlabs Desktop veya Meld Studio'ya tarayıcı kaynağı olarak ekle: boyut, ses ve çözümler.

Source: https://kickbot.com/tr/docs/getting-started/add-browser-source-obs

Her KickBot overlay'i bir web bağlantısıdır. Onu Kick yayınında göstermek için bağlantıyı KickBot panelinden kopyala ve yayın yazılımına **tarayıcı kaynağı** (browser source) olarak ekle. Bu yöntem chat overlay'i, alertler, TTS, bahşiş alertleri ve AI görseller için aynıdır. OBS Studio, Streamlabs Desktop, Meld Studio ve tarayıcı kaynağını destekleyen diğer uygulamalarda da aynı şekilde çalışır. Hiçbir şey yüklemen gerekmez.

## Overlay bağlantısını bul

Her özelliğin kendi bağlantısı var. Bağlantıyı aşağıdaki sayfadan kopyala.

| Overlay | Bağlantıyı nereden kopyalarsın | Daha fazla yardım |
|---|---|---|
| Chat overlay'i, alertler, sayaçlar ve diğer widget'lar | Widget kütüphanesinden bir widget yükledikten sonra **Widget'lar** > **Kayıtlı widget'lar** | [Widget kütüphanesi](https://kickbot.com/tr/docs/widgets/widget-library), [chat overlay'i](https://kickbot.com/tr/docs/widgets/chat-overlay) |
| Metin okuma (TTS) | **TTS** > **Ayarlar**, **OBS için tarayıcı kaynağı** | [TTS'yi kur](https://kickbot.com/tr/docs/tts/set-up-tts) |
| Bahşiş alertleri | **Bağışlar** > **Widget** | [Bahşiş alertleri](https://kickbot.com/tr/docs/tipping/tip-alerts) |
| AI görseller | **Chat Bot** > **AI görseller**, **Widget** | [AI görseller](https://kickbot.com/tr/docs/ai/ai-images) |

> **Caution:** Overlay bağlantılarını kimseyle paylaşma. Bir bağlantı, ona sahip olan herkes için çalışır. Bağlantıyı chat'e yapıştırma ve yayında gösterme.

## Boyutu seç

Widget kütüphanesindeki bir widget, boyutunu **Yayındaki boyut** altında gösterir, örneğin 800 × 600 px. Tarayıcı kaynağı için bu genişliği ve yüksekliği kullan. Aynı boyut, **Kayıtlı widget'lar** içindeki widget'ta da görünür.

![Widget kütüphanesindeki Bu widget hakkında kartı, Yayındaki boyut 800 × 600 px](https://kickbot.com/docs/images/getting-started/add-browser-source-obs/01-size-on-stream.webp "Yayındaki boyut değerlerini tarayıcı kaynağının genişliği ve yüksekliği olarak kullan.")

Sayfada bir boyut yoksa tarayıcı kaynağını tuvalinin boyutuna ayarla, örneğin 1920 × 1080. Sonra kaynağı sahnende taşı veya yeniden boyutlandır. Çoğu overlay'in arka planı şeffaftır, bu yüzden yayında sadece içerik görünür.

## OBS Studio

1. Sahnenin **Sources** (Kaynaklar) kutusunda **+**'ya tıkla ve **Browser** (Tarayıcı) seçeneğini seç.
2. Bir ad yaz, örneğin “KickBot chat”, ve onayla.
3. Özellikler penceresinde overlay bağlantısını **URL** alanına yapıştır.
4. **Width** (Genişlik) ve **Height** (Yükseklik) değerlerini overlay'in boyutuna ayarla.
5. Sesli overlay'ler (TTS, alertler, bahşiş alertleri) için **Control audio via OBS** (sesi OBS ile kontrol et) seçeneğini aç. Kaynak bundan sonra **Audio Mixer** (Ses Karıştırıcı) içinde görünür ve sesini oradan değiştirebilirsin.
6. **OK**'a tıkla. Kaynağı tuvalde istediğin yere sürükle.

OBS'deki diğer tarayıcı kaynağı seçenekleri:

- **Shutdown source when not visible** (görünmediğinde kaynağı kapat): sahnesi yayında değilken overlay'i kapatır. Alertler ve TTS için kapalı bırak, böylece başka bir sahnedeyken hiçbir şey kaçmaz.
- **Refresh browser when scene becomes active** (sahne etkinleşince tarayıcıyı yenile): sahneye her geçtiğinde overlay'i yeniden yükler. Overlay yeniden yüklenince çalmakta olan mesaj durur.
- **Refresh cache of current page** (geçerli sayfanın önbelleğini yenile): overlay'i hemen yeniden yükleyen bir düğme. KickBot'ta ayar değiştirdikten sonra veya overlay yanlış göründüğünde kullan.

OBS her seçeneği kendi [Browser Source rehberinde](https://obsproject.com/kb/browser-source) anlatıyor.

> **Bilmekte fayda var:** Aynı overlay'leri birçok sahnede kullanmak için onları tek bir sahneye koy, örneğin “KickBot overlay'leri”. Sonra o sahneyi diğer sahnelerine kaynak olarak ekle. Böylece her bağlantıyı sadece bir kez eklersin.

## Streamlabs Desktop

1. Stüdyo görünümünde **Sources**'ın yanındaki **+**'ya tıkla.
2. **Browser Source**'u seç, bir ad yaz ve **Add Source**'a (kaynak ekle) tıkla.
3. Kaynak ayarlarında overlay bağlantısını URL alanına yapıştır, genişliği ve yüksekliği ayarla.
4. Ayarları kapat ve kaynağı yerine taşı.

Streamlabs Desktop'ta da OBS'deki **Shutdown source when not visible** ve **Refresh browser when scene becomes active** seçenekleri var. Streamlabs'in [tarayıcı kaynakları](https://streamlabs.com/content-hub/post/introducing-browser-source-interaction-for-streamlabs-desktop) hakkındaki makalesine bak. Bir overlay'i duymuyorsan ses mikserinde sessize alınmadığını kontrol et.

## Meld Studio

1. **Layers** (Katmanlar) panelinde **+**'ya tıkla ve **Browser**'ı seç.
2. Overlay bağlantısını **Inspector** içindeki **URL** alanına yapıştır.
3. Katmanı tuvalde yeniden boyutlandır ya da Inspector'da W ve H değerlerini ayarla.
4. Sesli overlay'ler için URL alanının altındaki **Add an audio track for the source** (kaynak için ses kanalı ekle) seçeneğini aç. Meld, tarayıcı katmanları için kendiliğinden ses kanalı eklemez.

Bir bağlantıyı doğrudan Meld tuvaline yapıştırarak da tarayıcı katmanı oluşturabilirsin. URL alanının yanındaki yenileme simgesi overlay'i yeniden yükler. Meld katmanları kendi [katman dokümanlarında](https://meldstudio.co/docs/layers/) anlatıyor.

## Sorun giderme

**Kaynak boş.**
- Birçok overlay sadece gösterecek bir şey olduğunda bir şey gösterir. Chat overlay'i biri chat'e yazana kadar boştur. Bir alert sadece bir olay olduğunda görünür.
- Bağlantıyı panelden tekrar kopyala ve kaynağa yapıştır. Bir widget'ı silip tekrar yüklediysen yeni bir bağlantısı vardır.
- Overlay'i yeniden yükle: OBS'de **Refresh cache of current page**, Meld'de yenileme simgesi.
- Kaynağın gizli olmadığını (göz simgesi) ve listede başka bir kaynağın arkasında kalmadığını kontrol et.

**TTS'den veya alertlerden ses gelmiyor.**
- OBS: kaynak özelliklerinde **Control audio via OBS** seçeneğini aç, sonra kaynağın **Audio Mixer** içinde sessize alınmadığını kontrol et.
- Meld: **Add an audio track for the source** seçeneğini aç.
- KickBot'ta özelliğin ses ayarlarını kontrol et, örneğin [TTS ayarlarındaki](https://kickbot.com/tr/docs/tts/set-up-tts) TTS ses seviyesini.
- OBS'de yayın yaparken overlay'i kendin de duymak için **Edit** > **Advanced Audio Properties** (Düzenle > Gelişmiş Ses Özellikleri) menüsünü aç ve kaynağın **Audio Monitoring** (ses izleme) ayarını **Monitor and Output** (izle ve çıkış ver) yap. İzleyiciler sesi her iki durumda da duyar.

**KickBot'taki değişiklikler yayında görünmüyor.** Overlay'i **Refresh cache of current page** ile yeniden yükle. Bazı overlay'ler ayarlarını sadece yüklenirken okur.

**Overlay kesik veya çok küçük.** Kaynağın genişliğini ve yüksekliğini **Yayındaki boyut** altında gösterilen overlay boyutuna ayarla. Yazıların net kalması için boyutu kaynağı tuvalde gererek değil, kaynak özelliklerinden değiştir.

## Sıkça sorulan sorular

**Kick chat'ini OBS'ye nasıl eklerim?**

Widget kütüphanesinden bir chat widget'ı yükle, bağlantısını **Kayıtlı widget'lar** içinden kopyala ve widget'ta gösterilen boyutla OBS'ye **Browser** kaynağı olarak ekle. [Chat overlay'i](https://kickbot.com/tr/docs/widgets/chat-overlay) sayfasına bak.

**KickBot overlay'leri Streamlabs ve Meld ile çalışır mı?**

Evet. Tarayıcı kaynağını destekleyen her yayın yazılımı çalışır. Buna OBS Studio, Streamlabs Desktop ve Meld Studio da dahil.

**Bir overlay bağlantısını birden fazla sahnede kullanabilir miyim?**

Evet. Aynı kaynağı her sahneye ekle ya da overlay'lerini tek bir sahneye koyup o sahneyi diğerlerine ekle.

**Overlay'ler bilgisayarımı yavaşlatır mı?**

Overlay'ler hafif web sayfalarıdır. TTS sesini üretmek gibi asıl iş KickBot'un sunucularında yapılır. Tarayıcı kaynağı sadece sonucu gösterir ve çalar.