Social Stream Ninja를 설정하고 맞춤 설정하며 최대한 활용하는 방법을 알아보세요
하나의 세션 ID가 모든 것을 연결합니다. 같은 값을 사용하세요: ?session= 값을 도크와 오버레이 URL에서 동일하게 사용하세요.
검색하거나 카테고리 하나를 여세요. 화면에 채팅만 필요하다면 OBS부터 시작하세요.
일치하는 가이드가 없습니다.
Social Stream Ninja를 사용하려면 먼저 설치해야 합니다. 브라우저 확장 프로그램은 여러 방법으로 설치할 수 있습니다:
자세한 설치 지침은 다음을 방문하세요: 다운로드 페이지.
설치 후 다음 단계로 Social Stream Ninja를 시작하세요:
참고: 브라우저 확장 프로그램을 사용할 때는 채팅 창을 최소화하지 않고 보이게 두는 것이 가장 좋습니다.
Social Stream Ninja는 100개 이상의 플랫폼과 함께 작동합니다. 많이 사용하는 플랫폼의 연결 방법은 다음과 같습니다:
URL에 매개변수를 추가해 대시보드와 오버레이를 모두 맞춤 설정할 수 있습니다. 예:
&darkmode - 대시보드의 어두운 모드를 활성화합니다&scale=2 - 모든 요소의 크기/해상도를 두 배로 만듭니다&hidesource - 플랫폼 아이콘(YouTube, Twitch 등)을 숨깁니다&compact - 이름과 메시지 사이의 간격을 제거합니다&inline - 일반 간격을 유지하며 이름 옆에 메시지를 배치합니다&autoshow - 메시지가 도착하면 자동으로 강조 표시합니다(3초에 약 2개)
&showtime=20000 - 선택한 메시지를 20초 뒤에 자동으로 숨깁니다&showsource - 사용자 이름 옆에 플랫폼 아이콘을 표시합니다&fade - 강조 메시지를 갑자기 표시하는 대신 서서히 나타나게 합니다&swipe - 강조 메시지를 왼쪽에서 밀려 들어오게 합니다¢er - 강조 메시지를 화면 중앙에 배치합니다
더 쉬운 URL 관리를 위해 다음을 사용해 보세요: URL 매개변수 편집 도구.
CSS로 모양을 맞춤 설정하는 방법은 여러 가지입니다:
OBS에서 브라우저 소스에 사용자 지정 CSS를 추가할 수 있습니다:
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;
}
확장 프로그램 메뉴에서 CSS를 직접 추가하세요:
CSS가 내장된 스타일 적용 템플릿 중에서 선택하세요:
YOURSESSIONID 를 템플릿 URL에서 자신의 세션 ID로 바꾸세요예시: https://socialstream.ninja/themes/pretty.html?session=YOURSESSIONID
이름 색상에는 두 설정이 필요합니다. 일반 색상 소스 위치: 메시지 - 스타일 및 다음 아래의 도크 표시 스위치: 메시지 - 표시.
채팅 이름 색상 가이드 열기 에서 스크린샷, 색상 선택, 문제 해결, CSS 예시를 확인하세요.
나만의 글꼴을 다음에 사용하세요: dock.html 또는 featured.html Google/시스템 글꼴에 의존하지 않고 사용하세요.
@font-face.&css=, &b64css=, &font=, 또는 &googlefont=.직접 호스팅한 글꼴 가이드 열기 에서 단계별 호스팅 및 CSS 예시를 확인하세요.
Social Stream Ninja는 텍스트 음성 변환으로 채팅 메시지를 소리 내어 읽을 수 있습니다:
&speech=en-US 를 featured.html 또는 dock.html URL에 추가하세요&pipervoice=pt_BR-faber-medium 또는 eSpeak &espeakvoice=pt-br, 스페인어에는 Piper를 사용할 수 있습니다: &pipervoice=es_ES-davefx-medium 또는 eSpeak &espeakvoice=es.&pitch=1&volume=1&rate=1&ttsprovider=kokoro&ttsprovider=piper&espeakvoice=pt-br 및 스페인어 &espeakvoice=es&ttsprovider=kitten&ttsprovider=openai&openaiendpoint=http://localhost:8880/v1/audio/speech로컬에서 비공개로 사용하고 싶나요? 다음을 참조하세요: 로컬 AI 음성 읽기 가이드 에서 자체 호스팅 서버 옵션과 OBS 오디오 캡처를 포함한 전체 설정 지침을 확인하세요.
Social Stream Ninja는 여러 방식으로 AI를 사용할 수 있습니다. 제공자보다 작업 흐름을 먼저 선택하세요.
chatgpt.com 탭에서 API 키 없이 사용합니다.오버레이의 메시지 표시 순서를 관리하세요:
방송 플랫폼에서 새 팔로워, 구독, 레이드, 후원 같은 채팅 이외의 이벤트를 캡처하세요.
참고: 후원형 이벤트(Super Chat, 비트, 팁)는 이 스위치와 무관하게 자동 전달됩니다. 이 스위치는 주로 팔로워/구독자 알림용입니다.
이벤트 페이로드 및 데이터 필드의 전체 목록은 다음을 참조하세요: 이벤트 참고 문서 문서.
Twitch 하이프 열차 및 보물 열차의 진행 상황을 Twitch 스타일의 상단 바로 OBS에 표시하세요.
처음 참여한 채팅 사용자를 강조하고 선택적 잎사귀 배지 또는 첫 참여 전용 도크 알림음을 사용하세요.
Event Flow 편집기는 사용자 지정 작업 흐름을 만드는 강력한 노드 기반 자동화 시스템입니다. 자신만의 라우팅 로직을 작성할 수 있는 '고급 자동화' 계층입니다.
오디오, 미디어 오버레이, OBS 동작이 작동하려면 Flow Actions 페이지를 OBS 브라우저 소스로 추가해야 합니다:
중요: 현재 Relay Chat 동작은 인식된 반향 메시지를 자동으로 건너뜁니다. 사용: 반향 필터(Reflection Filter) 노드로 캡처된 반향 메시지를 도크와 오버레이에 표시할지 제어하세요. 참고: 채팅 릴레이 단계별 안내 에서 설정하세요. 상세 문서는 다음을 참조하세요: Event Flow 가이드. Kick 보상 소리나 미디어에는 다음을 사용하세요: Kick 채널 포인트 / 보상 가이드.
Stream Deck, MIDI 컨트롤러 또는 키보드 단축키로 Social Stream Ninja를 직접 제어하세요.
팁: MIDI는 손을 쓰지 않는 방송 제어에 적합합니다. 풋 페달로 알림을 실행하거나 노브로 음량을 조절하세요.
채팅용 상호작용 봇 명령과 자동 응답을 만드세요.
!joke - 무작위로 기술 관련 아재 개그를 보냅니다!hi - 시청자에게 자동으로 인사합니다!cycle - 시청자가 OBS 장면을 변경할 수 있습니다(허용된 경우)더 복잡한 명령에는 Event Flow 편집기를 사용하세요:
요구 사항: 자동 응답은 Chromium 기반 브라우저에서 가장 잘 작동합니다. 채팅 창이 보여야 하고 플랫폼에 게시할 권한이 있어야 합니다.
외부 후원 플랫폼을 연결해 방송 오버레이에 팁과 구매를 표시하세요.
Global settings and tools → Mechanics, 활성화하세요: 확장 프로그램 원격 API 제어&server, &server2, 또는 &server3 를 후원 웹훅용으로 사용하세요정규화된 후원은 채팅, 알림, Event Flow, 후원함/목표 미터와 공유됩니다.
| 플랫폼 | 웹훅 URL | 이벤트 유형 |
|---|---|---|
| Stripe | https://io.socialstream.ninja/{sessionID}/stripe |
checkout.session.completed |
| Ko-Fi | https://io.socialstream.ninja/{sessionID}/kofi |
공개 팁, 멤버십, 스토어 주문, 의뢰 |
| Buy Me A Coffee | https://io.socialstream.ninja/{sessionID}/bmac |
팁, 멤버십, 스토어 주문, 의뢰, 위시리스트 모금 |
| Fourthwall | https://io.socialstream.ninja/{sessionID}/fourthwall |
주문, 선물, 후원, 새 구독 |
https://io.socialstream.ninja/YOUR_SESSION_ID/stripecheckout.session.completed테스트: Stripe 테스트 모드에서 다음 카드를 사용하세요: 4242 4242 4242 4242, 미래의 만료일, 아무 CVC를 사용하세요.
사용: 그림으로 보는 설정 가이드 에서 Fourthwall, Ko-fi, Buy Me a Coffee의 수신기 상태, 격리된 미리보기, 상품 가져오기 등을 확인하세요.
채팅 데이터를 외부 서비스로 내보낼 수도 있습니다:
브라우저 확장 프로그램의 일반적인 문제 해결
브라우저 창이 백그라운드에 있거나 최소화되면 채팅 메시지가 나타나지 않습니다. 브라우저가 자원을 아끼려고 백그라운드 탭의 속도를 제한하기 때문입니다.
chrome://flags/#enable-throttle-display-none-and-visibility-hidden-cross-origin-iframeschrome://flags/#calculate-native-win-occlusionchrome://settings/performance
봇 명령이나 자동 응답을 사용하려고 할 때 파란 디버깅 표시줄이 나타나거나 자동 응답이 작동하지 않습니다.
