🐱 Jahodová kočka
Ospalá tříbarevná kočka, jahodové mléko a růžové papírenské drobnosti. Obsahuje sladěné styly chatu, vybraných zpráv a upozornění.
Náhled a použití balíčku
Social Stream NinjaSocial Stream NinjaProhlédněte si úplnou vizuální galerii překryvů, nebo níže prozkoumejte vlastní šablony a importy.
Průběžný přehled z připojených platforem. Začněte šablonou chatu nebo dok.
Jedna zpráva, kterou vyberete v doku. Zvolte vzhled vybraných zpráv pro rozhovory, otázky a odpovědi nebo pozdravy.
Oslavujte nové sledující, členství a příspěvky. Animace a zvuk nastavte v nastavení upozornění SSN. Návod k upozorněním
Najděte ideální šablonu pro své vysílání
Jeden vzhled pro tři zdroje Prohlížeč. V galerii vyberte Použít sladěnou sadu, zadejte údaje relace a zkopírujte odkazy pro OBS. Pohyb je volitelný.
Ospalá tříbarevná kočka, jahodové mléko a růžové papírenské drobnosti. Obsahuje sladěné styly chatu, vybraných zpráv a upozornění.
Náhled a použití balíčku
Veselý corgi na blankytně modré pohlednici. Obsahuje sladěné styly chatu, vybraných zpráv a upozornění.
Náhled a použití balíčku
Pohádková žába v poklidném lese. Obsahuje sladěné styly chatu, vybraných zpráv a upozornění.
Náhled a použití balíčku
Zajíček astronaut plující šeříkovým hvězdným prachem. Obsahuje sladěné styly chatu, vybraných zpráv a upozornění.
Náhled a použití balíčku
Malý dráček se zářícím kouzelným krystalem. Obsahuje sladěné styly chatu, vybraných zpráv a upozornění.
Náhled a použití balíčku
Mýval se sluchátky a vinylem v mátových a švestkových tónech. Obsahuje sladěné styly chatu, vybraných zpráv a upozornění.
Náhled a použití balíčku
Přátelský duch, zářící dýně a půlnoční švestková barva. Obsahuje sladěné styly chatu, vybraných zpráv a upozornění.
Náhled a použití balíčku
Sob zabalený do šály a sváteční jehličí. Obsahuje sladěné styly chatu, vybraných zpráv a upozornění.
Náhled a použití balíčkuÚplné tematické balíčky s dokumentací, ukázkovými obrázky a návody
Propracovaný, plně animovaný motiv s přizpůsobitelnými barvami a plynulými přechody. Ideální pro herní vysílání.
Nostalgický překryv chatu ve stylu Windows 3.1 s klasickým vzhledem oken a přesnými pixelovými detaily.
Čistý moderní design s plynulými animacemi a skvělou čitelností. Přizpůsobitelná barevná schémata.
Hotové šablony, které vyžadují pouze ID relace
Čistá, nenáročná šablona se základními funkcemi. Ideální výchozí bod pro vlastní úpravy.
Elegantní design s plynulými animacemi a vizuálními efekty. Poutavý, ale nerušivý.
Výrazný, vysoce kontrastní motiv pro herní vysílání s vynikající viditelností i při rychlém dění.
Elegantní animovaný překryv chatu ve stylu tekutého skla s plynulými animacemi a působivým vykreslováním emotikonů.
Šablony fungující s CSS styly YouTube
Použijte CSS určené pro YouTube s naší stránkou překryvu se strukturou YouTube. Kompatibilní se styly Septapus.
Výchozí řešení pro tvorbu vlastních překryvů
Minimum kódu pro vytvoření vlastního překryvu od začátku. Ideální pro vývojáře a programování s pomocí LLM.
Úplnější výchozí řešení s komentáři a dokumentací, které vám pomůže vytvořit vlastní překryvy.
Vytvořili jste skvělou šablonu pro Social Stream Ninja? Sdílejte ji s komunitou odesláním pull requestu do našeho repozitáře na GitHubu.
Odeslat na GitHubImportujete poprvé? Přečíst celý návod ke vzhledům chatu pro hledání souborů widgetu, podporované formáty, nastavení OBS a řešení problémů.
Funguje v desktopové aplikaci SSN pro Windows i rozšíření Chrome – není potřeba upravovat kód.
Otevřete zdroje platforem v aplikaci nebo rozšíření SSN a pošlete testovací zprávu. Pokračujte až poté, co se zobrazí v doku SSN.
Použijte ZIP, složku nebo soubory od autora widgetu. Užitečný export obvykle obsahuje HTML, CSS, JavaScript, pole/data a prostředky. Snímek obrazovky nebo URL překryvu StreamElements nestačí.
Otevřete importér a vyberte ZIP, složku nebo soubory. Rozpozná části widgetu a ihned zobrazí ukázkový náhled.
Otevřít importér widgetůOtevřením importéru z nabídky SSN se ID relace a heslo vyplní automaticky. Pokud jste jej otevřeli přímo, zkopírujte je z Možnosti relace v aplikaci nebo rozšíření. ID relace zadáte jednou v importéru; uloží se do staženého souboru.
Pokud importovaný widget nabízí kompatibilní nastavení, použijte Historie zpráv pro vypnutí časovaného odebírání nebo změnu počtu zpráv na obrazovce. Tím se mění nastavení widgetu, nikoli jeho kód.
Ukázkový náhled ověřuje vzhled pomocí ukázkových zpráv. Živý náhled ověřuje relaci pomocí skutečného chatu z běžící aplikace nebo rozšíření SSN.
Klikněte na Stáhnout HTML pro OBS. V OBS přidejte zdroj Prohlížeč, zapněte Místní soubor, a vyberte stažený HTML soubor. V OBS nepřidávejte ID relace ani neupravujte URL. Během vysílání nechte SSN spuštěné; importér a StreamElements mohou být zavřené.
Zkontrolujte rozpoznané soubory v importéru a pokud vybral nesprávné HTML, CSS nebo JavaScript, použijte Pokročilý výběr souborů.
Ověřte, že chat přichází do doku SSN a ID relace i případné heslo přesně souhlasí.
Použijte stažený HTML soubor – nikoli stránku importéru, původní ZIP nebo URL StreamElements – a pak obnovte zdroj Prohlížeč v OBS.
Začněte těmito jednoduchými kroky
Projděte knihovnu šablon a vyberte tu, která odpovídá stylu vašeho vysílání. Návrhy porovnejte v galerii snímků; většina vestavěných šablon funguje přímo z URL bez stahování.
Nahraďte YOURSESSIONID v URL šablony svým skutečným ID relace Social Stream Ninja z Možností relace v aplikaci nebo rozšíření SSN. Pokud relace používá heslo, zahrňte i je.
https://socialstream.ninja/themes/pretty.html?session=YOURSESSIONID
Přidejte upravenou URL jako zdroj Prohlížeč ve svém vysílacím programu:
Přizpůsobte překryv vlastním CSS jedním z těchto způsobů:
&css=URL_TO_YOUR_CSS_FILE k URL šablony&b64css=YOUR_BASE64_ENCODED_CSSZačněte funkčním překryvem a poté změňte jeho vzhled.
Použijte zdroj Prohlížeč v OBS Vlastní CSS pro barvy, rozestupy a typografii. Zachovejte původní URL SSN a připojení.
Máte export chatovacího widgetu StreamElements? Otevřít převodník StreamElements, prohlédněte si náhled a stáhněte HTML pro OBS. Použijte původní ZIP nebo soubory, nikoli snímek obrazovky nebo URL překryvu. Viz nastavení níže.
Zkopírujte funkční základ a upravte jeho HTML, CSS a JavaScript. Rychlý začátek · Návod pro vývojáře · Pole událostí
Pro chování řízené spouštěči začněte v editoru Event Flow a pravidla efektů upozornění než začnete psát nový překryv.
Vyberte výchozí řešení, zkopírujte pokyn a nahraďte podrobnosti návrhu v hranatých závorkách. Pokud vaše AI neumí číst odkazy, přiložte zdrojové soubory. Soukromé ID relace a heslo do konverzace nevkládejte.
Převádíte složitější widget? Použijte úplný pokyn pro převod StreamElements / Streamlabs.
Naučte se vytvořit vlastní překryv chatu s pomocí AI