트위치 챗박스 css - teuwichi chaesbagseu css

반응형

닉네임을 안보이게 하려는건 딱히 특별한 이유는 없습니다.
어떤분이 물어보더라구요.

유튜브에 영상 편집본을 올릴려고 하는데 닉네임이 신경이 쓰여서 혹시 안보이게 할수있는지 말이죠.

그래서 글을 남겨봅니다.

보통 방송화면에는 시청자의 닉네임이 뜨는게 정상입니다.
틀린건 아니죠.



흔한 방송화면일껍니다. 그런데



이렇게 방송화면에서 닉네임이 제거 되어서 보이질 않게 되는거죠.


설정법 자체는 쉽습니다.
송출 프로그램 내에서 어느정도 지원이 되는 부분이 있어서 편집이 가능하죠.


결론만 이야기를 한다면.



OBS 채팅 소스를 우클릭한후에 속성에 들어가면



트윕 채팅은 위에 처럼

.name {display: none }
.badge { display: none } 를 넣어주시면 됩니다.


투네이션이라면

.clearfix {display: none }
.chat-doubleline-borderless { padding: 0px } 을 넣어주시기를 바라구요.



그럼 간단하게 활용이 될꺼에요.




같은 내용이지만 유튜브로 정리된 영상입니다.

반응형

공유하기

게시글 관리

구독하기자근이와 함께하는....

저작자표시

  • 카카오스토리
  • 트위터
  • 페이스북

'Twitch 방송 Tip' 카테고리의 다른 글

엑스스플릿 (Xsplit) 에서 에코나 리버브 효과를 간단하게 넣는 방법  (0)2022.01.23트위치 (Twitch) 생방송 & 다시보기 다운로드 StreamLink (에러대응 2019.12.14 업데이트)  (44)2019.12.14트위치 (Twitch) 생방송 & 다시보기 다운로드 StreamLink  (63)2019.08.05

무료. 가벼운 편. 금액을 지불하지 않고도 월등한 기능을 뽑낼 수 있다.[2] 인코더 설정도 다양하게 할 수 있어서 저사양에서도 무리없이 방송이 가능하다.[3] 멀티스트림 플러그을 통한 다중송출도 가능하다.

Streamlabs-Desktop

무료. 올인원 라이브 스트리밍 앱 - 통합 채팅, 맞춤형 알림, 낮은 CPU 사용량

프리즘 라이브 스튜디오

무료. 한번 인코딩만으로 서버에서 다중송출, Mobile캠을 PC캠으로 이용가능, 뷰티 효과(자동 얼굴 인식 기술로, 부위 별로 원하는 만큼 얼굴을 리터칭)


RemoteStudio

웹기반 스트리밍 소프트웨어로 설치하지 않고 사용해서 편리하다.
국내 기업이 만들어서 한국 친화적인 장점이 있다. 다른 곳에서 지원하지 않는 무료배경음악, 효과음, 라이브드로우 기능(화면에 그림을 그리는 듯이 쓰는 펜슬기능) 이 있어서 다양하게 활용이 가능하다. 현재 오픈베타로 무료로 사용이 가능하다. 동시 송출가능하다.

Stage Ten

소셜 브로드캐스팅의 복잡성을 줄이고 YouTube 페이지를 소셜 TV 채널로 손쉽게 변환하기 위해 고안된 웹 애플리케이션입니다.

Lightstream

웹기반 스트리밍 소프트웨어.(심지어 모바일로도 장면편집이 가능하다) 콘솔에도 지원한다. 캡쳐카드 없이도 콘솔기기만으로도 후원알림과 채팅박스를 사용가능하게 된다.


Wirecast

수상 경력이 있는 사용하기 쉬운 실시간 스트리밍 및 제작 소프트웨어입니다. 버튼 클릭 한 번으로 카메라, 실시간 스크린샷, 제목, 그래픽 등을 추가하고, 클릭하여 드래그하는 방식으로 위치를 변경하고 크기를 조절할 수 있습니다.


XSplit

부분유료.[4] OBS보다 편의성이 조금 높고 크로마키 기능. 과거 OBS와 함께 투탑 소프트웨어.


XSplit Gamecaster

토스트 굽듯이 방송을 하기에는 좋지만, 제대로 할거면 XSplit을 설치하는 것을 추천한다.


Vmix

60일 무료. DVD장치, 인스턴트 리플레이, 플래시삽입, xaml로 제작된 뉴스, SNS기능 오버레이들을 제공해준다.


Twitch Studio

트위치에서 제공하는 방송 툴. 트위치 전용

팟플레이어

카카오TV에서 제공하는 방송 툴, 동영상 플레이어. 카카오TV 전용

FreecShot

아프리카TV에서 제공하는 방송 툴. 아프리카TV 전용

모바일 송출

Broadcast Me

웹 소스, 텍스트, 이미지 오버레이 기능을 지원한다. 무료 버전(영문)

프리즘 라이브 스튜디오

PC 카메라 소스로 모바일 카메라 사용. 얼굴인식 AR 카메라 이펙트, 다양한 화면 오버레이 기능을 지원한다. 한번 인코딩만으로 서버에서 다중송출. 무료(한글) ​​

스게더 스튜디오

다양한 화면 오버레이 지원 (채팅, 이미지, 텍스트, 웹페이지, 카메라). 유튜브와 트위치로 동시 송출(한글) ​​

Streamlabs

웹 소스, 텍스트, 이미지 오버레이 기능을 지원한다. 무료 버전은 워터마크, 기능 제한이 있다.(영문)

카메라파이 라이브

웹 소스, 텍스트, 이미지 오버레이 기능을 지원한다. 무료 버전은 워터마크, 기능 제한이 있다.(한글)[5]

동시 송출


restream.io

한번 인코딩된것을 서버에서 동시 송출해주는 서비스로 아프리카, 페이스북, 트위치, 유튜브 채팅창 통합과 TTS까지 가능하다. 2017년 2월 24일 서울서버 개설. 채팅창 링크까지 제공한다!![6]또 카카오벤처스 등이 투자하고 있다.#

One stream

한번 인코딩된것을 서버에서 동시 송출해주는 서비스로 아프리카, 페이스북, 트위치, 유튜브


만약 플레이스테이션 4, 엑스박스 원, 라데온, GeForce GTX 6** 이상의 그래픽 카드[7]를 가지고 있다면 자체적으로 S/W가 있기 때문에 위 프로그램을 사용할 필요가 없어서 쉽게 방송을 할 수 있다. 다만 이 경우 서드파티에서 제공하는 후원 메시지나 영상을 띄우는 기능은 사용할 수 없는지라 활용도가 그렇게 높지는 않은 편.

특정 게임들은 자체적으로 방송을 지원하는 경우가 있다. 온라인 게임으로는 워 썬더, 오리진(플랫폼)등이 클라이언트에서 바로 방송을 지원한다. 방송중에서는 게임화면에 방송 진행시간과 시청자수가 표시된다.

4. 영상 / 방송 도움[편집]


디스코드

2인이상과 합동방송을 할때 유용한 음성채팅 프로그램. 스트리머를 위한 옵션도 지원하고 있으며, 별도의 앱설치 없이 웹페이지에서도 가능하다. 초대를 통한 비공개도 가능하며 아예 공개로 두어 시청자 참여도 가능하다. 채널 후원자가 비공개 음성 및 텍스트 서버에 액세스하도록 할 수 있다.
후원 서비스 지원 디스코드 오버레이


스트림 폴

실시간으로 투표결과를 그래프로 반영하여 확인가능한 투표 사이트.


TriDef SmartCam

그린 스크린 없이도 웹캠화면을 크로마키처리를 해주는 프로그램 7일트라이얼. 유료. 다만 이거 살 가격에 그린 스크린을 사는 것도 좋은 방법이다.

5. 오버레이[편집]

방송화면에 뿌려줄 다양한 정보나 방송화면을 이쁘게 가꿀 수 있는 툴이나 서비스

아프리카 도우미

XSplit, OBS Studio, 아프리카TV 프릭샷, 카카오TV 팟플레이어(방송효과→로그파일)의 웹브라우저 URL을 활용하여 아프리카, 트위치, 유튜브, 카카오TV, 네이버TV, 페이스북의 통합 채팅창, 채팅알림(채팅TTS)과 자막, 각종 배너, 음성 후원 알림

VRoid Studio

무료 3D 버츄얼 캐릭터 생성

VUP

무료 3D 버츄얼 캐릭터 생성


Display Fightstick Motions

게임패드 조작화면. 설치형.


Gamepad Display

게임패드 조작화면을 화면에 보여준다.


nodecg

Node.js기반으로 제작되었으며 인터렉티브한 오버레이를 구현하고 있다. 오픈소스라 원하는 오버레이의 번들을 구해서 모듈을 붙여야한다. 프로그래밍에 자신이 있다면 자신이 직접 확장할수 있는 장점이 돋보인다.


NohBoard

키보드 조작 화면을 뿌려준다.


Scoreboard Assistant

게임중계 화면의 점수 정보를 빠르게 조작하여 뿌려주는 프로그램. 단축키를 제공한다. 유료. 무료버전


Snaz

다양한 정보시간, 컴퓨터 자원 정보, 웹/로컬 등의 텍스트파일를 실시간으로 텍스트파일로 저장한다.

오버레이를 커스터마이징 해주는 웹서비스. 상세하게 설정할 수 있고 다양한 파츠를 붙일수 있는게 특징.


streamx

오버레이 테마가 다양한 웹서비스

Niconico!

니코니코 동화처럼 채팅을 화면 옆으로 스크롤되게 하는 채팅 오버레이 트위치 익스텐션.

채팅 읽어주는 로봇

스트리머가 자신의 채널을 입력해서 채팅을 읽어주게 할 수도 있고, 시청자가 자신이 보고 있는 채널을 입력해서 채팅을 들을 수도 있다. 오디오만 청취할 때 유용. 다만 채팅 참여자가 많아지면 읽어주는 채팅이 자꾸 밀리게 되므로 사실상 하꼬방, 라디오방 전용이다.

티비플 스타일 오버레이

티비플처럼 채팅을 화면 랜덤 위치에 일정 시간 띄웠다가 사라지게 하는 버블 형식의 오버레이. 티비플+반디캠 패러디(디미플+잔디캠).

채팅 번역 짱, 음성 자막 짱

무료 음성자막+음성번역


Twitch Streamers Tool

트위치 채팅 내용을 모니터 오버레이로 표시해주는 도구이다. 채팅 오버레이 기능이 없는 OBS 등에서 사용하면 좋다. 사용법은 프로그램 메뉴바의 Help-How to use 에서 볼 수 있다.


대부분의 스트리밍 소프트웨어가 브라우저소스(웹문서 오버레이)를 제공하며 Java Script, HTML, CSS에 능한 사람이라면 인터렉티브하고 다이나믹한 오버레이 연출을 만들어낼 수 있다. 대도서관 방송의 3D형 채팅박스 오버레이도 역시 CSS만으로도 비슷하게 디자인 가능하다.

텍스트 형태는 텍스트파일을 장면에 추가하고 파일을 불러오면 된다.

웹주소 형태는 OBS의 경우 obs studio로 바뀌면서 CLR Browser에서 Browser Source로 명칭이 변경되었으므로 오래된 설치매뉴얼은 이점을 유의한다.

6. 채팅 봇[편집]


Nightbot

유튜브,트위치, Trovo 지원


Phantombot

유튜브, 디스코드 지원

Bostimo

페이스북, 유튜브, 디스코드 지원

StreamElements

페이스북, 유튜브, Trovo 지원

SpeechChat

전자음성으로 채팅 읽어주기, 시청자 입장/팔로우시 자동 인사 등[8] - 페이스북, 유튜브 지원


싹둑이

한국어 기반의 채팅관리봇. 과거 있었던 '파리채'보다 업그레이드된 봇이다.


빵떡

한국어 기반의 채팅관리봇.


Moobot

나이트봇처럼 무난히 많이 사용되는 봇.


Deepbot

트위치 채팅방이 IRC서버 기반이라 irc봇들로 다양한 기능을 제공하며 !command 명령어로 무궁무진한 스크립팅을 만들어낼 수 있다.[9]

나이트봇의 경우 UrlFetch콜을 이용하면 irc처럼 웹페이지를 크롤링해 텍스트로 파싱한 결과를 채팅방에 뿌려주는것도 가능하다.

7. 후원 서비스[편집]

국내 스폰서십

방송 화면에 원하는 위치에, 원하는 스티커(이미지)를 후원할 수 있다. 후원금 정산의 최소금액 제한이 없다.

스티키밤

결제대행 수수료를 포함해도 Twip보다 1~2%수수료가 적다.
기프티콘과 다양한 TTS를 지원한다. YouTube, 카카오TV, 페이스북 지원

Toonation

원화결제가 불가능하다면 페이팔 결제도 가능하다. 트위치 전용

Twip

별도의 사용료 없이 자체수수료 2.95%가 고정. VAT 10%도 붙지 않는다. 아무 때나 출금 가능

도네이크

해외 스폰서십

기부 도구를 제공. 유튜브, 페이스북 지원

Streamlabs

일본판 투네이션. 신용카드, 페이팔결제 가능

Doneru

-

Patreon

구독 도구를 제공. 유튜브, 페이스북 지원

GameWisp

-

Donation-Tracker

기부 도구를 제공. 유튜브, 페이스북 지원

StreamTip

8. 유용한 관리 프로그램[편집]


RutonyChat

유료 스팀앱. 화면에 뿌리는 채팅창박스의 테마가 엄청 다양하다. 트켓몬처럼 채팅으로 게임을 조작하는 기능을 제공한다. Twitch, Goodgame, YouTube, Trovo.Live, WASD, VKontakte, Odnoklassniki, Peka2.tv, PandaTV, Douyu, Smashcast, GamersTV, GipsyTeam, Aces, Steam 지원


Chatty

IRC프로그램 형태로 제작된 채팅방 접속 프로그램. 채팅방 밴 관리가 벅찬 대형 스트리머나 모더레이터들에게 유용하다. 채팅로그를 저장할 수 있다. 자바런타임이 따로 설치가 필요한 버전과 설치 필요없이 내장되어있는 버전을 배포중이다.


TeeBoard

각종 트위치 스트리밍을 위한 관리툴. 게임 카테고리 변경, 다시보기 영상 다운로드, 투표, 테스크탑형 채팅봇도 지원한다.

Versus by Twitch

페이스북 게이밍의 토너먼트, EJN의 배틀독과 유사한 대회 프로그램, 대회 툴 프로그램

9. 웹 브라우저 확장프로그램[편집]

  • Twitch Server Checker
    트위치가 용량에 여유가 있는 직결 연동회선이 아닌 타 북미 ISP를 통해 트래픽을 유통시켜 버퍼링이 심해질 경우 위치를 확인하는 프로그램. "SEL"이 나올때까지 새로고침(F5)을 해주면 된다. 자세한 설명 참고로 같은 서버를 쓰는 홍콩도 SEL로 표시된다.[10]

  • BetterTTV
    한국어 이외의 채널을 볼때 거의 필수적인 플러그인으로 전용 이모티콘과 다양한 편의기능을 제공하고 있다. 크롬은 크롬 웹스토어에서 다운로드 가능, 파이어폭스는 모질라 정책을 위반하기 때문에 BetterTTV 사이트에서 직접 받아야 한다.

  • 7TV#
    특정 키워드를 입력하면 채탕창에서 등록해둔 이모티콘이 자동적으로 출력되는 확장 프로그램. 위 BetterTTV와 마찬가지로 영미권 스트리머들 사이에서 매우 자주 쓰이는 플러그인이며 크롬외에도 파이어폭스, 모바일도 지원한다. BetterTTV 이모티콘도 같이 연결하여 지원하기 때문에 그대로 사용가능하다.

  • FrankerFaceZ(FFZ)[11]
    BTTV만큼은 아니지만 꽤나 많이 쓰이는 플러그인이다. 전용 이모티콘 외 다양한 편의기능도 제공하고 있는데 BTTV와 같이 쓰게 되면 FFZ의 설정을 먼저 따라간다. 현재 메뉴의 한글화도 완료되있다.

  • Filter Twitch Chat
    특정 키워드를 채팅창 화면에서 보이지 않도록 설정할 수 있는 확장 프로그램

  • twippy
    Twip의 후원 기록을 텍스트파일(.txt)로 저장해준다. 방송시 텍스트파일을 화면에 뿌려줄 수 있다. 지나친 도네이션 알람을 다시 재생해주기도 하며 영상 도네이션을 스킵하거나 제어할 수 있다. 데스크톱으로 꺼내놓지 않았다면 주소창에 chrome://apps/ 로 접속하거나 북마크바를 표시한다음 맨 좌측에 있는 앱 버튼을 누르면 찾을 수 있다.

  • Twitch-Auto-Max-Quality
    Twitch 화질 설정을 원본 화질(1080p)로 고정하기이 있다.

  • Twitch-Server-Info
    가장 정확한 서버 위치를 알려준다. 트위치가 용량에 여유가 있는 직결 연동회선이 아닌 타 북미 ISP를 통해 트래픽을 유통시켜 심각한 버퍼링이 발생할때 "SEL"이 나올때까지 새로고침(F5)을 해주면 된다.# # 따라서 트위치 측으로 문의해 해결법이나 서버 증설을 요구해야 한다.#

  • 다양한 트수 생활 보조 기능
    마우스를 이용한 방송 미리 보기 / 기타 다양한 트수 생활 보조 기능 등이 가능하다.

  • Adblocker for Twitch™
    twitch에서 LIVE, VOD를 시청하는 동안 광고에 방해받지 않도록 동영상 해상도를 자동으로 줄여 광고를 차단합니다.

  • TTV Adblocker Ultra
    twitch에서 보낸 선언적 규칙 요청(광고)을 지정하여 네트워크 요청을 차단합니다.

10. 통계[편집]

각 사이트에 대한 설명은 이 글을 참고하자.

  • 트위치트래커

  • 설리놈[12]

  • 소셜블레이드

  • 챗 스텟

  • 트위치 매트릭스

  • 트위치 센터

  • 트위치 툴즈

  • 트위치 인사이트

  • Twitch Emotes

  • 실시간 랭킹

  • 시청자 반응 통계

  • 트위치 데이터베이스

11. 편의성 프로그램[편집]

  • 뷰봇벤/언팔 및 차단 프로그램 채팅관리자 트봇이 있다.

  • 트위치 통합 다운로드 사이트 UnTwitch이 있다.

  • 트위치 통합 다운로드 프로그램 TwitchLink(한글 버전)가 있다.[13][14]

  • 트위치 VOD 다운로드 프로그램 Twitch Leecher(한글 버전)가 있다. [개발중단]

  • 트위치 VOD 채팅 다운로드 프로그램 Twitch-Chat-Downloader#가 있다.

  • 저사양 PC에서 가볍게 팟플레이어로 트위치 방송+채팅 보는 법이 있다.

  • 저사양 PC를 위한 크롬에서 바로 팟플레이어로 보는 PotPlayer YouTube Shortcut 확장 프로그램이 있다.[16]

  • 모바일 트위치 m3u8 링크를 추출 및 제작#하는 방법이 있다.

  • 모바일 가로채팅, 광고차단, 외부 동영상 앱 연결[17] 등 편의성 있는 앱Pocket Plays이 있다.

  • 모바일 시청 가능한 앱 TwitchMod가 모든 제조사와 호환성이 좋고, 딜레이(지연시간)이 적다. 심지어 광고 차단도 된다. 심지어 한국 720p화질 제한도 모드설정 하나만 변경하면 풀린다.[18]

  • 모바일 시청 가능한 앱 JTV Game Channel, Impulse - Twitch Client도 있다.

  • 모바일 멀티 채널 시청 가능한 앱 Multi Twitch, Multi Stream이 있다.

12. 기타 사이트[편집]

트위치 서버 확인하는 사이트

서버별 세부상태

//twitchstatus.com

공식 서버 상태

//status.twitch.tv

한 화면으로 여러 방송을 감상할수 있는 사이트들

Twitchtheater

//twitchtheater.tv

MultiTwitch.live

//multitwitch.live

MultiTwitch.tv

//www.multitwitch.tv

멀티스트림

//multistre.am

트위치 라이브 스트리밍 위치 상태를 확인하고 외부 플레이어에서 재생 가능한 .m3u8 파일을 다운로드

Stream URL Extraction Tool

//pwn.sh/tools/getstream.htm

13. 관련 문서[편집]

  • 유튜브

  • Facebook Gaming

  • 카카오TV

  • 비밍

  • 트위치

[1] Twitch 확장 프로그램 차단은 Chrome 용 파이어폭스 용이 있다.[2] Multiple RTMP outputs plugin로 동시송출이 가능하다.[3] 다만 이 경우 인코더로 NVENC NEW 또는 Quicksync Video, AMD VCE 같은 하드웨어 인코더를 사용해야 하며, CPU만을 갈구는 X264 Medium 프로파일에 비해 약간 떨어지는 화질은 감수해야 한다. 하지만 시청자가 차이를 체감하기는 어려우므로 가능하면 하드웨어 인코더를 사용하자.[4] 무료 버전은 1280x720 해상도, 30FPS 프레임, 96kbps 음질로 제한되며 워터마크가 생기는데 유료 결제를 해야 해금된다. 옛날에는 트코 운영진이 타 플랫폼 스트리머에게 유료 이용권을 지원해줄 정도로 유명했으나 충돌이 잦아 OBS로 많이 넘어갔다.

Toplist

최신 우편물

태그