/twitch-chatbox

A custom Twitch chatbox widget to use with OBS. Written in Vue 3 using tmi.js

Primary LanguageVue

Twitch Chatbox

Netlify Status

A chatbox widget to add to your Twitch overlay. This project was written for learning purpose and may or may not become usable eventually.

Installation

Install project's dependencies using the pnpm install command.

You may then run the widget. For testing purpose, use the pnpm dev command to run it in developer mode. You'll get a local url in your terminal that should look like http://localhost:5173. Copy it.

In OBS, add a new web browser source to your scene. Paste in the url you copied earlier and add your channel id at the end. In my case, the final URL would look like this http://localhost:5173/hommeoursporc

Try it online

Alternatively, you can use the live version of my widget at chat.hommeoursporc.xyz. Don't forget to add your channel name at the end of the URL.