ttv-chat-bot

KO | EN

gitlite — search

#javascript #typescript #llm #go #rust #docker #nodejs #java #awesome #cli #kubernetes #awesome-list #mcp #open-source

(★ 74)

Twitch livestream bot that can control colors for overlays from Stream Elements, play sound effects, handle custom rewards (like text-to-speech) and more!

ttv-chat-bot 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
 
# ttv-chat-bot

[![Known Vulnerabilities](https://snyk.io/test/github/clarkio/ttv-chat-bot/badge.svg)](https://snyk.io/test/github/clarkio/ttv-chat-bot)
![GitHub](https://img.shields.io/github/license/clarkio/ttv-chat-bot)
[![Discord](https://img.shields.io/discord/421902136457035777)](https://discord.gg/xB95beJ)
[![Twitch Status](https://img.shields.io/twitch/status/clarkio)](https://twitch.tv/clarkio)
 
[![Twitter Follow](https://img.shields.io/twitter/follow/_clarkio?style=social)](https://twitter.com/intent/follow?screen_name=_clarkio)

</div>

Twitch livestream bot that can control colors for overlays from Stream Elements, play sound effects, handle custom rewards (like text-to-speech) and more!

[![All Contributors](https://img.shields.io/badge/all_contributors-15-orange.svg?style=flat-square)](https://raw.githubusercontent.com/clarkio/ttv-chat-bot/main/)

## Clarkio
This chatbot was built with 💙 live on stream with the programming community. Come and hang out with us over on Twitch!

> https://twitch.tv/clarkio

## Getting Started

1. Clone with: `git clone git@github.com:clarkio/ttv-chat-bot.git`
1. Goto project: `cd ttv-chat-bot`
1. Install node dependencies: `npm install`
1. If on:
   * **Debian/Ubuntu** run: `sudo apt install mpg123`
   * **Windows** install: [cmdmp3](https://github.com/jimlawless/cmdmp3)
   * **MacOS** you should have [afplay](https://developer.apple.com/library/mac/documentation/Darwin/Reference/ManPages/man1/afplay.1.html) already available
1. Login on [https://twitch.tv](https://twitch.tv)
1. Go to [https://twitchapps.com/tmi/](https://twitchapps.com/tmi/)
   1. Click "Connect with Twitch"
   1. Click "Authorize"
   1. Copy the token value (starts with "oauth:")
1. Rename the file `.env-example` to `.env`
1. Update `TTV_CLIENT_TOKEN` with the token value you copied before in step 4.c
1. Update `TTV_CLIENT_USERNAME` to your client username (defaults to "clarkio")
1. For each overlay in streamelements (a.k.a. scenes) copy the URL to the scene and add it to the `.env` file as a new environment variable for each one.

Example: mainScene=https://streamelements.com/overlay/abc/123

1. Get Streamelements JWT from your account and update `STREAMELEMENTS_JWT` in your `.env` file.

## Run the Application

Please make sure you've completed all steps in the "Getting Started" section before attempting to run the app.

### From Docker

- (@roberttables) Set OBS_SOCKETS_SERVER=host.docker.internal:<the port your OBS Websockets server is running>
 - (@parithon) Note This dns name (host.docker.internal) only appears to work on Docker Desktop for Mac/Windows and not production environments nor other linux environments (Ubuntu)
 - (@roberttables) In that case then you can use the override through docker0 bridge which exists in linux environments

#### Windows

#### MacOS

#### Linux

### From the Command Line (CLI)

1. Change to the directory of the project `ttv-chat-bot` if you have not already done so.
1. Run `npm start`
1. Open your browser and go to [http://localhost:1337/scenes?sceneName=<your-scene-name-from-.env>](http://localhost:1337/scenes?sceneName=)

Example: [http://localhost:1337/scenes?sceneName=mainScene](http://localhost:1337/scenes?sceneName=mainScene)

### From VS Code

1. Go to the debugger view and confirm the debugger is set to "Server Start"
1. Press the "Start Debugging" button (the green play button)
1. Open your browser and go to [http://localhost:1337/scenes?sceneName=<your-scene-name-from-.env>](http://localhost:1337/scenes?sceneName=)

Example: [http://localhost:1337/scenes?sceneName=mainScene](http://localhost:1337/scenes?sceneName=mainScene)

## Trying Things Out

Please make sure you've completed all steps in the "Getting Started" and "Run the Application" sections before attempting to try out the app.

1. Open up a new browser tab or window and navigate to the chat for the Twitch channel you want to use (defaults to "clarkio" in the `.env` file under `TTV_CHANNELS`)

Example: [https://www.twitch.tv/popout/clarkio/chat](https://www.twitch.tv/popout/clarkio/chat)

> If you'd like to have the client connect to another channel you can add it to the `TTV_CHANNELS` environment variable. The variable is comma-delimited so you can have it as clarkio,"your channel name" to connect to multiple channels

1. Enter the following chat message "!bulb go green" and you should see your overlay change color in your other tab/window which loaded [http://localhost:1337/scenes?sceneName=mainScene](http://localhost:1337/scenes?sceneName=mainScene)

> WARNING: the implementation is currently based off of an overlay being blue by default and will alter the hue from that. If your overlay default color is different it will not exactly change to the color you may be intending. We are working on making this better to support different default overlay colors.

## Twitch Viewers that have helped contribute to the project (in no particular order):

Want to contribute? Check out our [Code of Conduct](CODE_OF_CONDUCT.md) and [Contributing](CONTRIBUTING.md) docs. This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification.  Contributions of any kind welcome!

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

- sockelo
- [frenck](https://github.com/frenck)
- [tallpants](https://github.com/tallpants)
- wwsean08
- l2ival
- ikoakmaindehoas
- codephobia
- styler
- [TheMartesLive](https://github.com/TheMartes)
- [eeevans](https://github.com/eeevans)
- TheMichaelJolley
- @jaredpsimpson

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<table>
 <tr>
 <td align="center"><a href="https://github.com/jakegny"><img src="https://avatars2.githubusercontent.com/u/6787885?v=4" width="100px;" alt=""/> Jake Nylund</a> <a href="https://github.com/clarkio/ttv-chat-bot/commits?author=jakegny" title="Code">💻</a></td>
 <td align="center"><a href="https://michaeljolley.com/"><img src="https://avatars2.githubusercontent.com/u/1228996?v=4" width="100px;" alt=""/> Michael Jolley</a> <a href="https://github.com/clarkio/ttv-chat-bot/commits?author=MichaelJolley" title="Code">💻</a></td>
 <td align="center"><a href="https://github.com/CodemanCodes"><img src="https://avatars3.githubusercontent.com/u/46641880?v=4" width="100px;" alt=""/> CodemanCodes</a> <a href="https://github.com/clarkio/ttv-chat-bot/commits?author=CodemanCodes" title="Code">💻</a></td>
 <td align="center"><a href="https://github.com/jaredpsimpson"><img src="https://avatars0.githubusercontent.com/u/1933150?v=4" width="100px;" alt=""/> jaredpsimpson</a> <a href="https://github.com/clarkio/ttv-chat-bot/commits?author=jaredpsimpson" title="Code">💻</a></td>
 <td align="center"><a href="https://github.com/eeevans"><img src="https://avatars1.githubusercontent.com/u/272717?v=4" width="100px;" alt=""/> Edward Evans</a> <a href="https://github.com/clarkio/ttv-chat-bot/commits?author=eeevans" title="Code">💻</a></td>
 <td align="center"><a href="https://nmarch213.github.io/Portfolio/"><img src="https://avatars1.githubusercontent.com/u/14193159?v=4" width="100px;" alt=""/> Nicholas March</a> <a href="https://github.com/clarkio/ttv-chat-bot/commits?author=nmarch213" title="Code">💻</a></td>
 <td align="center"><a href="https://github.com/PatPat1567"><img src="https://avatars0.githubusercontent.com/u/41209202?v=4" width="100px;" alt=""/> PatPat1567</a> <a href="https://github.com/clarkio/ttv-chat-bot/issues?q=author%3APatPat1567" title="Bug reports">🐛</a></td>
 </tr>
 <tr>
 <td align="center"><a href="http://timmykokke.com"><img src="https://avatars1.githubusercontent.com/u/2283621?v=4" width="100px;" alt=""/> Timmy Kokke</a> <a href="https://github.com/clarkio/ttv-chat-bot/commits?author=sorskoot" title="Code">💻</a></td>
 <td align="center"><a href="https://www.mcduboiswebservices.com"><img src="https://avatars0.githubusercontent.com/u/39778093?v=4" width="100px;" alt=""/> Michael duBois</a> <a href="https://github.com/clarkio/ttv-chat-bot/commits?author=MichaelCduBois" title="Code">💻</a></td>
 <td align="center"><a href="https://lannonbr.com"><img src="https://avatars2.githubusercontent.com/u/3685876?v=4" width="100px;" alt=""/> Benjamin Lannon</a> <a href="https://github.com/clarkio/ttv-chat-bot/commits?author=lannonbr" title="Code">💻</a></td>
 <td align="center"><a href="https://github.com/OiYouYeahYou"><img src="https://avatars2.githubusercontent.com/u/20130059?v=4" width="100px;" alt=""/> Jason Allan</a> <a href="https://github.com/clarkio/ttv-chat-bot/commits?author=OiYouYeahYou" title="Code">💻</a></td>
 <td align="center"><a href="https://toefrog.github.io/Blog/"><img src="https://avatars0.githubusercontent.com/u/1122675?v=4" width="100px;" alt=""/> Chris Gargotta</a> <a href="https://github.com/clarkio/ttv-chat-bot/commits?author=ToeFrog" title="Code">💻</a> <a href="#ideas-ToeFrog" title="Ideas, Planning, & Feedback">🤔</a></td>
 <td align="center"><a href="https://github.com/Wingysam"><img src="https://avatars3.githubusercontent.com/u/18403742?v=4" width="100px;" alt=""/> Wingysam</a> <a href="#ideas-Wingysam" title="Ideas, Planning, & Feedback">🤔</a></td>
 <td align="center"><a href="https://github.com/LuckyNoS7evin"><img src="https://avatars2.githubusercontent.com/u/30657709?v=4" width="100px;" alt=""/> LuckyNoS7evin</a> <a href="https://github.com/clarkio/ttv-chat-bot/commits?author=LuckyNoS7evin" title="Code">💻</a></td>
 </tr>
 <tr>
 <td align="center"><a href="https://wwsean08.com"><img src="https://avatars1.githubusercontent.com/u/839261?v=4" width="100px;" alt=""/> Sean Smith</a> <a href="https://github.com/clarkio/ttv-chat-bot/commits?author=wwsean08" title="Code">💻</a></td>
 </tr>
</table>

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

ttv-chat-bot

ttv-chat-bot 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

ttv-chat-bot

ttv-chat-bot 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README