Skip to content

A simple Twitch chat overlay using OBS browser source.

Notifications You must be signed in to change notification settings

yurimimi/twitch_chat_overlay

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Version with Twitch emotes support can be found in the emotes branch. Still does not support Twitch badges or third-party emotes.

How to

To add this thing to your OBS:

  1. In your OBS Sources (next to the Scenes by default) click the '+' button
  2. Click Browser
  3. Click Ok on the new window
  4. Check the Local file checkbox and below it you'll see the Local file line with a button 'Browse', click the button
  5. Select the index.html file (in the docs directory)
  6. You should see something like in the example below

To make it connect to your channel, replace YOUR_CHANNEL_NAME in the index.html

<meta name="channel_name" content="YOUR_CHANNEL_NAME" />

with your channel name. For example, content="mimeyu".

Example

example

To edit the script

To edit something in the script, you'll need NPM and to install the packages with it being in the repo directory.

npm i

Then run

npm run build

to watch for changes in the code. Open the index.html file in your browser to debug.

Releases

No releases published

Packages

No packages published