Dowiedz się, jak skonfigurować, dostosować i w pełni wykorzystać Social Stream Ninja
Jeden identyfikator sesji łączy wszystko: używaj tego samego ?session= wartości w adresach URL doku i nakładek.
Wyszukaj lub otwórz jedną kategorię. Zacznij od OBS, jeśli potrzebujesz tylko czatu na ekranie.
Nie znaleziono pasujących przewodników.
Zanim zaczniesz używać Social Stream Ninja, musisz go zainstalować. Rozszerzenie przeglądarkowe można zainstalować na kilka sposobów:
Szczegółowe instrukcje instalacji znajdziesz na Strona pobierania.
Po instalacji wykonaj te kroki, aby zacząć używać Social Stream Ninja:
Uwaga: Aby uzyskać najlepsze działanie rozszerzenia przeglądarkowego, pozostaw okna czatu widoczne (niezminimalizowane).
Social Stream Ninja współpracuje z ponad 100 platformami. Oto jak połączyć się z najpopularniejszymi:
Możesz dostosować panel i nakładkę, dodając parametry do ich URL. Kilka przykładów:
&darkmode - Włącza ciemny motyw panelu&scale=2 - Podwaja rozmiar/rozdzielczość wszystkich elementów&hidesource - Ukrywa ikony platform (YouTube, Twitch itd.)&compact - Usuwa odstęp między nazwą a wiadomością&inline - Umieszcza wiadomość obok nazwy, zachowując zwykłe odstępy&autoshow - Automatycznie wyróżnia pojawiające się wiadomości (około 2 na 3 sekundy)
&showtime=20000 - Automatycznie ukrywa wybrane wiadomości po 20 sekundach&showsource - Pokazuje ikony platform obok nazw użytkowników&fade - Sprawia, że wyróżnione wiadomości łagodnie się pojawiają zamiast wyskakiwać&swipe - Sprawia, że wyróżnione wiadomości wsuwają się z lewej¢er - Wyśrodkowuje wyróżnione wiadomości na ekranie
Aby łatwiej zarządzać URL-ami, wypróbuj nasz Edytor parametrów URL.
Istnieje kilka sposobów dostosowywania wyglądu za pomocą CSS:
W OBS możesz dodać własny CSS do źródła przeglądarkowego:
body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }
:root {
--comment-color: #090;
--comment-bg-color: #DDD;
--comment-border-radius: 10px;
--comment-font-size: 30px;
--author-border-radius: 10px;
--author-bg-color: #FF0000;
--author-avatar-border-color: #FF0000;
--author-font-size: 32px;
--author-color: blue;
--font-family: "Arial", sans-serif;
}
.hl-name {
padding: 2px 10px !important;
}
Dodaj CSS bezpośrednio w menu rozszerzenia:
Wybierz gotowe stylizowane szablony z wbudowanym CSS:
YOURSESSIONID w URL szablonu swoim identyfikatorem sesjiPrzykład: https://socialstream.ninja/themes/pretty.html?session=YOURSESSIONID
Kolory nazw wymagają dwóch ustawień: ogólnego źródła koloru w Wiadomość - styl i przełącznika wyświetlania doku w Wiadomość - widoczność.
Otwórz przewodnik po kolorach nazw na czacie aby zobaczyć zrzuty ekranu, wybór kolorów, rozwiązywanie problemów i przykłady CSS.
Dodaj własne czcionki do dock.html lub featured.html bez polegania na czcionkach Google/systemowych.
@font-face.&css=, &b64css=, &font= lub &googlefont=.Otwórz przewodnik po samodzielnie hostowanych czcionkach aby poznać hosting krok po kroku i przykłady CSS.
Social Stream Ninja może odczytywać wiadomości czatu na głos za pomocą technologii Text-to-Speech:
&speech=en-US do URL featured.html lub dock.html&pipervoice=pt_BR-faber-medium lub eSpeak &espeakvoice=pt-br, natomiast hiszpański może używać Piper &pipervoice=es_ES-davefx-medium lub eSpeak &espeakvoice=es.&pitch=1&volume=1&rate=1&ttsprovider=kokoro&ttsprovider=piper&espeakvoice=pt-br i hiszpański &espeakvoice=es&ttsprovider=kitten&ttsprovider=openai&openaiendpoint=http://localhost:8880/v1/audio/speechChcesz zachować lokalność i prywatność? Zobacz Poradnik lokalnego TTS AI aby uzyskać pełne instrukcje konfiguracji, w tym opcje samodzielnie hostowanego serwera i przechwytywania dźwięku OBS.
Social Stream Ninja może używać AI na kilka sposobów. Wybierz sposób pracy przed wyborem dostawcy.
chatgpt.com karcie bez klucza API.Uporządkuj sposób wyświetlania wiadomości w nakładce:
Przechwytuj zdarzenia inne niż czat, takie jak nowi obserwujący, subskrypcje, rajdy i wpłaty ze swoich platform transmisji.
Uwaga: Zdarzenia typu wpłata (Super Chat, bity, napiwki) są przekazywane automatycznie niezależnie od tego przełącznika. Przełącznik służy głównie alertom obserwowania/subskrypcji.
Pełna lista danych zdarzeń i pól znajduje się w Dokumentacja wydarzeń dokumentacji.
Pokazuj postęp Twitch Hype Train i Treasure Train jako górny pasek w stylu Twitcha w OBS.
Wyróżniaj zupełnie nowych rozmówców, dodaj opcjonalną odznakę liścia lub sygnał doku tylko przy pierwszej wiadomości.
Edytor Event Flow to rozbudowany system automatyzacji oparty na węzłach do tworzenia własnych przepływów. To warstwa „zaawansowanej automatyzacji”, która pozwala tworzyć własną logikę routingu.
Aby działał dźwięk, nakładki multimedialne i akcje OBS, musisz dodać stronę Flow Actions jako źródło przeglądarkowe w OBS:
Ważne: Obecne akcje Relay Chat automatycznie pomijają rozpoznane odbicia. Użyj Filtr odbić (Reflection Filter) węzeł do sterowania tym, czy przechwycone echa pojawiają się w doku i nakładkach. Zobacz przewodniku przekazywania czatu do konfiguracji. Szczegółową dokumentację znajdziesz w Przewodnik po Event Flow. W przypadku dźwięków lub multimediów nagród Kick użyj Przewodnik po punktach kanału / nagrodach Kick.
Steruj Social Stream Ninja bezpośrednio ze Stream Deck, kontrolerów MIDI lub skrótów klawiaturowych.
Wskazówka: MIDI świetnie nadaje się do sterowania transmisją bez użycia rąk. Użyj pedału do uruchamiania alertów lub pokrętła do regulacji głośności.
Twórz interaktywne polecenia bota i automatyczne odpowiedzi na czacie.
!joke - Wysyła losowy nerdowski suchar!hi - Automatycznie wita widzów!cycle - Pozwala widzom zmieniać sceny OBS (za zgodą)Do bardziej złożonych poleceń użyj edytora Event Flow:
Wymagania: Automatyczne odpowiedzi działają najlepiej w przeglądarkach Chromium. Okna czatu muszą pozostać widoczne, a Ty musisz mieć uprawnienia do publikowania na platformie.
Połącz zewnętrzne platformy wpłat, aby wyświetlać napiwki i zakupy w nakładce transmisji.
Global settings and tools → Mechanics, włącz zdalne sterowanie rozszerzeniem przez API&server, &server2 lub &server3 dla webhooków wpłatZnormalizowana wpłata jest udostępniana czatowi, alertom, Event Flow i słoikowi na napiwki/miernikowi celu.
| Platforma | URL webhooka | Typ zdarzenia |
|---|---|---|
| Stripe | https://io.socialstream.ninja/{sessionID}/stripe |
checkout.session.completed |
| Ko-Fi | https://io.socialstream.ninja/{sessionID}/kofi |
Publiczne napiwki, członkostwa, zamówienia sklepu i zlecenia |
| Buy Me A Coffee | https://io.socialstream.ninja/{sessionID}/bmac |
Napiwki, członkostwa, zamówienia sklepu, zlecenia i finansowanie listy życzeń |
| Fourthwall | https://io.socialstream.ninja/{sessionID}/fourthwall |
Zamówienia, prezenty, wpłaty i nowe subskrypcje |
https://io.socialstream.ninja/YOUR_SESSION_ID/stripecheckout.session.completedTestowanie: Użyj trybu testowego Stripe z kartą 4242 4242 4242 4242, dowolną przyszłą datę ważności i dowolny CVC.
Użyj ilustrowany przewodnik konfiguracji dla Fourthwall, Ko-fi i Buy Me a Coffee, w tym status odbiornika, odizolowane podglądy i import produktów.
Możesz też eksportować dane czatu do zewnętrznych usług:
Rozwiązania typowych problemów z rozszerzeniem przeglądarkowym
Wiadomości czatu przestają się pojawiać, gdy okna przeglądarki są w tle lub zminimalizowane. Dzieje się tak, ponieważ przeglądarki ograniczają aktywność kart w tle, aby oszczędzać zasoby.
chrome://flags/#enable-throttle-display-none-and-visibility-hidden-cross-origin-iframeschrome://flags/#calculate-native-win-occlusionchrome://settings/performancePojawia się niebieski pasek debugowania albo automatyczne odpowiedzi nie działają przy próbie użycia poleceń bota lub automatycznych odpowiedzi.
Dołącz do naszego serwera społeczności na Discordzie, gdzie programista i inni użytkownicy pomogą Ci rozwiązać problemy.