방송TIP 0

**데모**

22.03.28 업데이트 했습니다 https://tgd.kr/g/tip/62850411

저번에 올렸던 말풍선 챗인데 미미하게 수정해봤어요.

색을 선택할 수 있게 바꿔봤습니다.

사용법: 

1. 위에 있는 다운로드 링크를 눌러 다운로드하시고 적절한 곳에 압축을 풀어주세요.

2. 압축 푼 폴더 안에 있는 index.html 파일을 워드패드로 열어주세요.

3-1. html 파일에 다음 부분을 찾아 수정해주세요.

div id="id" twitchId="overgd22"

overgd22 대신에 본인의 아이디를 넣어주세요.

3-2.

div id="color" color="여기"

여기 부분에 컬러값을 넣어야 합니다.

https://www.google.com/search?q=colorpicker&oq=colorpicker

위의 링크에서 컬러를 선택하시고 나오는 값이 #ff0000일 경우

#을 빼시고 ff0000 여섯자리 HEX값만 넣어주세요.

비어있으면 랜덤으로 컬러가 나옵니다!

4. 압축 푼 폴더 안에 있는 index.html를 열어서 채팅이 제대로 작동되는지 테스트해주세요.

5. OBS기준 브라우저 소스를 추가해주시고 설정에서 Local file을 눌러 index.html이 있는 경로로 설정하시고 원하시는 크기로 조정해서 사용하시면 됩니다. 밑에 예시 첨부합니다.

말풍선의 하얀색 배경을 바꾸시려면 Custom CSS에 

.chat-line-bg { background: #444444 !important; }

를 추가하시고 #444444를 원하시는 색깔의 HEX값으로 바꾸시면 됩니다!

즐거운 하루되세요~

https://www.twitch.tv/overgd22

tmi.js 원본 : https://codepen.io/Alca/pen/zzomog