twitchTTS

트 위치

강조 표시된 메시지를 읽는 스 트리머를위한 도구 인 Twitch Text to Speech.

목차

• ? 사용 방법
• ? 프로젝트 설치
• 미래
• ? ️ 라이센스
• 출처와 크레딧

? 사용 방법

이것을 OBS 내부의 브라우저 소스로 사용하거나 브라우저 창을 열 수 있습니다. 브라우저 에서이 앱을 사용하는 경우 오디오를 재생할 수 있도록 페이지를 한 번 클릭하십시오. 강조 표시된 메시지가 전송되지 않는 한 페이지에 요소가 표시되지 않습니다.

참고 현재, 이것은 기본 강조 표시된 메시지 보상으로만 작동하므로 사용자 정의 메시지 중 어느 것도 없습니다. 프로젝트를 다운로드하고 코드를 편집하여 Custom Channel Point Rewards에서 작동하도록하지만 설정하려면 조금 더 노력할 수 있습니다.

기본 URL

라이브 버전을 사용할 때

https://twitchtts.vercel.app/?

로컬에서 실행할 때

http://localhost:3000/?

매개 변수

& Symbol을 사용하여 연쇄를 통해 URL에 여러 매개 변수를 추가 할 수 있습니다. 예제를 참조하십시오.

채널

channel=firefox__

목소리

음성 매개 변수를 추가하여 음성 음성으로 다른 텍스트를 선택할 수 있습니다. 기본적으로 이것은 Brian으로 설정됩니다. voice=Brian

이것들은 당신이 사용할 수있는 목소리입니다 (일부는 작동하지 않을 수도 있습니다).

 Aditi   | Amy     | Astrid   | Bianca   | Brian     | Camila   | Carla
Carmen  | Celine  | Chantal  | Conchita | Cristiano | Dora     | Emma
Enrique | Ewa     | Filiz    | Geraint  | Giorgio   | Gwyneth  | Hans
Ines    | Ivy     | Jacek    | Jan      | Joanna    | Joey     | Justin
Karl    | Kendra  | Kimberly | Lea      | Liv       | Lotte    | Lucia
Lupe    | Mads    | Maja     | Marlene  | Mathieu   | Matthew  | Maxim
Mia     | Miguel  | Mizuki   | Naja     | Nicole    | Penelope | Raveena
Ricardo | Ruben   | Russell  | Salli    | Seoyeon   | Takumi   | Tatyana
Vicki   | Vitoria | Zeina    | Zhiyu

연설에 텍스트

tts=true

서브 전용 모드

subOnly=true URL에 추가하여 할 수 있습니다.

문자 제한

URL에 한계 매개 변수를 추가하면 매우 긴 메시지가 Beeing Totaly 읽기를 방지 할 수 있습니다. 기본적으로 이것은 전체 메시지를 읽을 수있는 null로 설정됩니다. 같은 한계 매개 변수를 사용하여 한계를 변경할 수 있습니다 : limit=100

Twitch 메시지의 문자 제한은 500 자입니다.

예

이것은 URL이 어떻게 보이는지에 대한 예입니다 : https://twitchtts.vercel.app/?channel=Firefox__&tts=true&voice=Brian

먼저, 기본 URL이있는 다음 channel=Firefox__ 을 사용하여 채널을 Firefox__ 로 설정 한 다음 tts=true 및 마지막으로 텍스트를 음성 매개 변수를 사용하여 Brian 에게 음성 음성으로 설정합니다.

? 프로젝트 설치

프로젝트를 땜질하려면 프로젝트가 어떻게 작동하는지 또는 요구에 맞게 사용자 정의하는 방법을 확인하십시오.

우선, node.js , npm 및 git이 설치되어 있는지 확인하십시오.

1. 프로젝트를 복제 할 새 디렉토리를 선택하거나
2. git clone [email protected]:Vuurvos1/twitchTTS.git 사용하여 저장소를 복제하십시오
3. 프로젝트 폴더에 CD
4. 필요한 NPM 패키지를 설치하려면 npm install (또는 pnpm install 또는 yarn )를 실행하십시오.

프로젝트를 시작하십시오

콘솔에서 npm start 실행하여 프로젝트를 시작할 수 있습니다. 기본적으로 프로젝트는 LocalHost : 3000에서 호스팅됩니다

개발

npm install (또는 pnpm install 또는 yarn )를 사용하여 프로젝트를 복제하고 설치 한 후에는 개발 서버를 시작할 수 있습니다.

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

건물

앱의 프로덕션 버전을 만들려면 :

npm run build

npm run preview 로 프로덕션 빌드를 미리 볼 수 있습니다.

앱을 배포하려면 대상 환경에 어댑터를 설치해야 할 수도 있습니다.

미래

가능한 미래 기능 목록

• 구성 파일
• 사용자 정의 보상 지원
• 다른 서비스의 더 많은 목소리
• [x] 하위 전용 모드
• [x] 문자 한계
• 단어 블랙리스트

? ️ 라이센스

저자 : Vuurvos1, MIT의 라이센스

출처와 크레딧

이 프로젝트는 Instafluff의 Highlightofmychat을 기반으로합니다. github.com/instafluff/highlightofmychat에서 찾으십시오.