https://github.com/chrisvdev/obs-chat

Also known as CVTalk is a Twitch chat viewer made with React for use in OBS or any streaming software capable of using a browser as a source including TTS and other cool features.
https://github.com/chrisvdev/obs-chat

portfolio reactjs tailwindcss text-to-speech twitch-api vitejs websocket websocket-client

Last synced: 10 days ago
JSON representation

Also known as CVTalk is a Twitch chat viewer made with React for use in OBS or any streaming software capable of using a browser as a source including TTS and other cool features.

• Host: GitHub
• URL: https://github.com/chrisvdev/obs-chat
• Owner: chrisvdev
• License: agpl-3.0
• Created: 2023-03-18T02:02:31.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-15T02:35:35.000Z (3 months ago)
• Last Synced: 2024-12-28T09:33:33.132Z (25 days ago)
• Topics: portfolio, reactjs, tailwindcss, text-to-speech, twitch-api, vitejs, websocket, websocket-client
• Language: JavaScript
• Homepage: https://chrisvdev.github.io/CVTalk/
• Size: 9.83 MB
• Stars: 28
• Watchers: 2
• Forks: 6
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# obs-chat

A Twitch chat viewer with a TTS integrated, made with React for use in OBS or any streaming software capable of using a browser as a source, which, in addition to using the twitch API, uses WebSockets to connect to their IRC server.

## You can use it in two ways...

### Building it

**Prerequisites**: You need to have an account on [Twitch Developers](https://dev.twitch.tv/) to use the console for register an application and get the client ID. Then on the application panel you need to register the allowed URLs to redirect in case of a OAuth login (Always you need to register the URL "http://localhost:5173/" to develop in this repo)

In order to launch or build the App you need to have an .env file like this

```

VITE_CLIENT_ID=dasdpljsadjpojsdiofgbhdfaiuogvb //the client ID given form the Twitch Developres console

VITE_CHANNEL=chrisvdev // only for development if you need to hardcode the channel to watch

VITE_DEFAULT_AVATAR= //to change the default avatar 

VITE_REDIRECT_URI=https://obs-chat.christianvillegas.com/&scope=chat%3Aread //only for build, if you don't give it the default redirect is to http://localhost:5173/&scope=chat%3Aread

```

### Use it

Go to the [project web page](https://chrisvdev.github.io/CVTalk/) 😉

...