Che cos'è
AI Overlay Builder aiuta a creare overlay HTML da un prompt. Non è di per sé la pagina da usare in OBS. Usa aiprompt.html per creare e visualizzare l'anteprima, poi usa aioverlay.html per la pagina di output.
1. Crea nella pagina del prompt
- Apri
aiprompt.html?session=YOUR_SESSION. - Descrivi cosa deve fare l'overlay e quale aspetto deve avere.
- Usa un prompt mirato: disposizione, comportamento dei messaggi, colori, tempi delle animazioni e tipi di evento rilevanti.
- Usa i controlli di anteprima e simula eventi di chat, follow, abbonamento, regalo, raid, donazione e JSON personalizzato.
- Salva l'overlay con un nome di pagina chiaro.
2. Aggiungi la pagina di output a OBS
Dopo il salvataggio, aggiungi la pagina di output come sorgente browser di OBS. Mantieni la stessa sessione e lo stesso nome della pagina salvata.
https://socialstream.ninja/aioverlay.html?session=YOUR_SESSION&overlay=chat-overlay
Se l'overlay è trasparente o compare solo durante gli eventi, usa prima i pulsanti di simulazione del builder per verificare che riesca a visualizzarsi.
3. Usa i modelli per una configurazione più rapida
Se vuoi ottenere rapidamente qualcosa di affidabile, parti da un modello e personalizzalo. Usa il builder IA quando desideri qualcosa di più specifico.
Soluzioni ai problemi comuni
- Anteprima vuota: fai clic su un pulsante di simulazione e controlla il pannello della console.
- Schermata vuota in OBS: verifica che il nome della pagina salvata e la sessione corrispondano a quelli del builder.
- Comportamento errato degli eventi: prova con il tipo di evento esatto che ti aspetti, non solo con la chat normale.
- Il codice generato non funziona: usa Review & polish oppure semplifica il prompt.
- L'overlay funziona nel builder ma non in OBS: apri lo stesso URL
aioverlay.htmlprima in un normale browser.