디스 코드 인식 이미지 - diseu kodeu insig imiji

안녕하세요!

방송볼때 어떤 방송은 말을하면 이미지가 띠용하고 켜지더라구요..

이거 하고싶어서 찾아봤는데 어떻게 찾았냐면 잊어먹었는데 음성인식영어로 번역해서

obs responding to sound 라고검색했더니

https://obsproject.com/forum/threads/image-reaction.147442/

여기가 나오더라구요?

그래서 다운로드하고 했는데 되네여!

아래 설명을 적어봣는데

설명안보셔도 하실수있을거에요  바이러스는 모르겟네요 저는 안걸린거같아요!

직접적용해본 영상


자세한설명

디스 코드 인식 이미지 - diseu kodeu insig imiji

1. 사이트에 들어가서 다운로드 버튼을 누른다

디스 코드 인식 이미지 - diseu kodeu insig imiji

2. 컴퓨터가 윈도우면 첫번째 다운로드버튼/리눅스면 두번째 다운로드버튼을 누른다!

디스 코드 인식 이미지 - diseu kodeu insig imiji

3. 다운로드한걸 압축을풀면 이게 나와요 이거를 어디로옴기냐면

디스 코드 인식 이미지 - diseu kodeu insig imiji

4. 이 경로로 옴기면됩니다~

디스 코드 인식 이미지 - diseu kodeu insig imiji

5. 그리고 obs켜면 아래에 소스목록이이렇게 있을건데 +버튼누르고 Image Reaction 을눌러서 소스를 만들면!!!

만든걸 더블클릭하면!!!

디스 코드 인식 이미지 - diseu kodeu insig imiji

이렇게 창이뜨는데 첫번째 찾아보기버튼는 말안할때 기본그림이구요

두번째 찾아보기 버튼은 말할때 변하는그림?입니다

저기아래 Audio source를 마이크/보조 로 설정해주시면될겁니다!

그럼 20000

https://manten-do.net/archives/273#ank3 를 알기쉽게 번역했습니다 

이것이 무엇인가요?

Video 태그를 지원하지 않는 브라우저입니다.

이렇게 디스코드 대화 오버레이를 캐릭터가 움직이는 것으로 바꾸어서 OBS에 출력하는 툴입니다

(시연영상이 ㄴㄷㅆ이지만 제작자가 직접올린거라 별수없습니다)

사용방법

https://streamkit.discordapp.com/overlay에 접속합니다

디스 코드 인식 이미지 - diseu kodeu insig imiji

Install for OBS를 클릭합니다

디스 코드 인식 이미지 - diseu kodeu insig imiji

VOICE WIDGET으로 들어가서

Server를 음성채널이 있는 곳으로,Voice Channel을 사용하는 음성채널로 설정합니다(개인간 통화의 설정방법은 모르겠습니다)오른쪽에 있는 주소창인 브라우저 소스를 복사해둡니다

여기서부터 주의! 한번에 한명만 가능합니다!

여러 명을 추가하려면 여기서부터 반복해서 설정해주어야 합니다.

디스 코드 인식 이미지 - diseu kodeu insig imiji

디스코드 개발자 모드를 활성화한뒤 (사용자설정 -> 앱설정 -> 디스플레이 -> 고급 -> 개발자모드 ON)

디스 코드 인식 이미지 - diseu kodeu insig imiji

출력할 사람을 오른쪽 클릭해 ID를 복사②합니다

디스 코드 인식 이미지 - diseu kodeu insig imiji

그 사람의 캐릭터 PNG파일의 주소를 복사③합니다

(배경없이 투명화가 되어있는 캐릭터 PNG

저의 경우엔 트위터에 업로드한뒤 주소를 복사했습니다. 누구나 접속할수 있는 업로드 장소를 추천합니다)

디스 코드 인식 이미지 - diseu kodeu insig imiji

https://manten-do.net/contents/dsk01 에 접속합니다

DiscordユーザID 란에 ②를 붙여넣습니다

画像URL 란에  ③을 붙여넣습니다

아래에 적힌 설정을 따라해서 입맛에 맞게 고쳐줍니다


跳ねる : 체크하면 활성화 되었을때 위로 살짝 점프합니다

明度変更 : 반드시 체크하세요! 어두워졌다가 활성화될때 밝아지는 옵션입니다

– 非発話時 : 말하고 있지 않을때 밝기입니다. 말하고 있지 않으면 캐릭터가 어두워집니다.

– 発話時 : 말할때의 밝기입니다 100%로 두는게 좋습니다

影(縁取り) : 활성화 되었을때 캐릭터 주변에 빛나는 외곽선이 추가됩니다

– 赤 : R에 해당되는 색

– 緑 : G에 해당되는 색

– 青 : B에 해당되는 색

(검정색일경우 순서대로 0 0 0 , 흰색일경우 255 255 255. 잘 모르시겠다면 구글에 RGB색상표를 검색해보세요)

ネームタグ表示設定 : 디스코드 닉네임이 브라우저 소스에 작게 표시됩니다

非表示 : 체크하면 비활성화 합니다

表示位置 : 닉네임의 위치입니다 왼쪽左 중앙中央 오른쪽右

디스 코드 인식 이미지 - diseu kodeu insig imiji

설정이 끝났다면 노란색 [生成] 버튼을 클릭합니다

그러면 밑에 있는 텍스트 란에 생성되는데, 전부 선택해서 복사④합니다(ctrl+A -> ctrl+C)

디스 코드 인식 이미지 - diseu kodeu insig imiji

OBS에 브라우저소스를 추가합니다

디스 코드 인식 이미지 - diseu kodeu insig imiji

URL에 ①를 붙여넣습니다

너비와 높이는 캐릭터 PNG파일의 크기만큼 조절합니다

CSS에 ④를 붙여넣습니다

여기까지 따라오셨다면 생성이 되었을겁니다!

저는 번역 후 실제 적용만 했기 때문에 만약 적용이 잘 되지 않는다거나 오류가 발생했다는 질문에는 답해드릴수 없습니다.