# Adaugă un overlay KickBot în OBS

> Adaugă orice overlay KickBot (chat, alerte sau TTS) în OBS Studio, Streamlabs Desktop sau Meld Studio ca sursă browser, cu dimensiune, sunet și soluții la probleme.

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

Fiecare overlay KickBot este un link web. Ca să-l arăți pe streamul tău de pe Kick, copiază linkul din panoul KickBot și adaugă-l în programul de streaming ca **sursă browser** (browser source). Merge la fel pentru overlay-ul de chat, alerte, TTS, alertele de donații și imaginile AI, în OBS Studio, Streamlabs Desktop, Meld Studio și alte aplicații care au surse browser. Nu trebuie să instalezi nimic.

## Găsește linkul overlay-ului

Fiecare funcție are propriul link. Copiază-l de pe pagina de mai jos.

| Overlay | De unde copiezi linkul | Mai mult ajutor |
|---|---|---|
| Overlay de chat, alerte, contoare și alte widgeturi | **Widgeturi** > **Widgeturi salvate**, după ce instalezi un widget din Biblioteca de widgeturi | [Biblioteca de widgeturi](https://kickbot.com/ro/docs/widgets/widget-library), [overlay de chat](https://kickbot.com/ro/docs/widgets/chat-overlay) |
| Text-to-speech | **TTS** > **Setări**, **Sursă browser pentru OBS** | [Configurează TTS](https://kickbot.com/ro/docs/tts/set-up-tts) |
| Alerte de donații | **Donații** > **Widget** | [Alerte de donații](https://kickbot.com/ro/docs/tipping/tip-alerts) |
| Imagini AI | **Chatbot** > **Imagini AI**, **Widget** | [Imagini AI](https://kickbot.com/ro/docs/ai/ai-images) |

> **Caution:** Păstrează linkurile de overlay doar pentru tine. Linkul merge pentru oricine îl are. Nu-l pune în chat și nu-l arăta pe stream.

## Alege dimensiunea

Un widget din Biblioteca de widgeturi își arată dimensiunea la **Dimensiune pe stream**, de exemplu 800 × 600 px. Folosește această lățime și înălțime pentru sursa browser. Aceeași dimensiune apare și pe widget în **Widgeturi salvate**.

![Cardul despre widget din Biblioteca de widgeturi, cu Dimensiune pe stream 800 pe 600 px](https://kickbot.com/docs/images/getting-started/add-browser-source-obs/01-size-on-stream.webp "Folosește valorile de la Dimensiune pe stream ca lățime și înălțime pentru sursa browser.")

Dacă pagina nu arată nicio dimensiune, setează sursa browser la dimensiunea canvasului, de exemplu 1920 × 1080. Apoi mută sau redimensionează sursa în scenă. Cele mai multe overlay-uri au fundal transparent, așa că pe stream se vede doar conținutul.

## OBS Studio

1. În caseta **Sources** (Surse) a scenei, apasă pe **+** și alege **Browser**.
2. Scrie un nume, de exemplu „KickBot chat”, și confirmă.
3. În fereastra de proprietăți, lipește linkul overlay-ului la **URL**.
4. Setează **Width** (lățime) și **Height** (înălțime) la dimensiunea overlay-ului.
5. Pentru overlay-urile cu sunet (TTS, alerte, alerte de donații), activează **Control audio via OBS** (controlează sunetul prin OBS). Sursa apare apoi în **Audio Mixer** (mixerul audio), unde îi poți schimba volumul.
6. Apasă pe **OK**. Trage sursa unde o vrei pe canvas.

Alte opțiuni pentru sursa browser în OBS:

- **Shutdown source when not visible** (oprește sursa când nu e vizibilă): descarcă overlay-ul când scena lui nu e live. Las-o dezactivată pentru alerte și TTS, ca să nu pierzi nimic cât ești pe altă scenă.
- **Refresh browser when scene becomes active** (reîncarcă browserul când scena devine activă): reîncarcă overlay-ul de fiecare dată când treci pe scenă. Un mesaj care se redă se oprește când overlay-ul se reîncarcă.
- **Refresh cache of current page** (golește cache-ul paginii curente): un buton care reîncarcă imediat overlay-ul. Folosește-l după ce schimbi setări în KickBot sau când overlay-ul arată greșit.

OBS descrie fiecare opțiune în ghidul său [Browser Source](https://obsproject.com/kb/browser-source) (în engleză).

> **Bine de știut:** Ca să folosești aceleași overlay-uri în mai multe scene, pune-le într-o singură scenă, de exemplu „Overlay-uri KickBot”. Apoi adaugă scena aceea ca sursă în celelalte scene. Așa adaugi fiecare link o singură dată.

## Streamlabs Desktop

1. În modul studio, apasă pe **+** de lângă **Sources** (Surse).
2. Alege **Browser Source**, scrie un nume și apasă pe **Add Source** (adaugă sursa).
3. În setările sursei, lipește linkul overlay-ului în câmpul URL și setează lățimea și înălțimea.
4. Închide setările și mută sursa la locul ei.

Streamlabs Desktop are aceleași opțiuni ca OBS, **Shutdown source when not visible** și **Refresh browser when scene becomes active**. Vezi articolul Streamlabs despre [surse browser](https://streamlabs.com/content-hub/post/introducing-browser-source-interaction-for-streamlabs-desktop). Dacă nu auzi un overlay, verifică dacă nu e pe mute în mixerul audio.

## Meld Studio

1. În panoul **Layers** (straturi), apasă pe **+** și alege **Browser**.
2. Lipește linkul overlay-ului în câmpul **URL** din **Inspector**.
3. Redimensionează stratul pe canvas sau setează W și H în Inspector.
4. Pentru overlay-urile cu sunet, activează **Add an audio track for the source** (adaugă o pistă audio pentru sursă), sub câmpul URL. Meld nu adaugă singur o pistă audio pentru straturile browser.

Poți să lipești un link și direct pe canvasul Meld, ca să faci un strat browser. Iconița de reîncărcare de lângă câmpul URL reîncarcă overlay-ul. Meld explică straturile în [documentația despre layers](https://meldstudio.co/docs/layers/) (în engleză).

## Rezolvarea problemelor

**Sursa e goală.**
- Multe overlay-uri arată ceva doar când au ce arăta. Un overlay de chat e gol până scrie cineva în chat. O alertă apare doar când are loc un eveniment.
- Copiază din nou linkul din panou și lipește-l în sursă. Dacă ai șters un widget și l-ai instalat din nou, are un link nou.
- Reîncarcă overlay-ul: **Refresh cache of current page** în OBS sau iconița de reîncărcare în Meld.
- Verifică dacă sursa nu e ascunsă (iconița cu ochi) și nu e sub altă sursă în listă.

**Nu se aude TTS-ul sau alertele.**
- OBS: activează **Control audio via OBS** în proprietățile sursei, apoi verifică dacă sursa nu e pe mute în **Audio Mixer**.
- Meld: activează **Add an audio track for the source**.
- Verifică setările de volum ale funcției în KickBot, de exemplu volumul TTS din [Setări TTS](https://kickbot.com/ro/docs/tts/set-up-tts).
- Ca să auzi și tu overlay-ul cât faci stream în OBS, deschide **Edit** > **Advanced Audio Properties** (proprietăți audio avansate) și setează **Audio Monitoring** (monitorizare audio) pentru sursă la **Monitor and Output** (monitorizare și ieșire). Spectatorii îl aud oricum.

**Modificările din KickBot nu apar pe stream.** Reîncarcă overlay-ul cu **Refresh cache of current page**. Unele overlay-uri își citesc setările doar când se încarcă.

**Overlay-ul e tăiat sau prea mic.** Setează lățimea și înălțimea sursei la dimensiunea overlay-ului, cea de la **Dimensiune pe stream**. Schimbă dimensiunea din proprietățile sursei, nu prin întinderea sursei pe canvas, ca textul să rămână clar.

## Întrebări frecvente

**Cum adaug chatul de pe Kick în OBS?**

Instalează un widget de chat din Biblioteca de widgeturi, copiază-i linkul din **Widgeturi salvate** și adaugă-l în OBS ca sursă **Browser**, cu dimensiunea afișată pe widget. Vezi [overlay de chat](https://kickbot.com/ro/docs/widgets/chat-overlay).

**Merg overlay-urile KickBot cu Streamlabs și Meld?**

Da. Merge orice program de streaming care are surse browser, inclusiv OBS Studio, Streamlabs Desktop și Meld Studio.

**Pot folosi același link de overlay în mai multe scene?**

Da. Adaugă aceeași sursă în fiecare scenă sau pune overlay-urile într-o singură scenă și adaug-o pe aceea în celelalte.

**Îmi încetinesc overlay-urile PC-ul?**

Overlay-urile sunt pagini web ușoare. Munca grea, de exemplu generarea sunetului TTS, se face pe serverele KickBot. Sursa browser doar arată și redă rezultatul.