Simple Twitch Chat bubbles with pronouns
To get your pronoun set on twitch go to the following site.
When your making a chat schemes on streamelement follow these step
- Login to streamelement
- Open the tab for stream tool
- New overlay
- Overlay resolution set too custom
- width 550 by height 700
- Click the + thing at the bottom
- Click on the setting tab
- open editor
- clear what in html at the code on the 1.html, do the same with all the following ( 2.css, 3.js, 4.fields, and 5.data)
- click save
If all works you should be able to run the test command
- Click on setting
- Click preview
- Sent test message
- If it work test will show up with random username
To add to obs, streamlabs, even obs/streamelement is to do the following for browser source.
- Login to streamelement
- Open the tab for stream tool
- What ever you name you overlay, click edit
- In the top right hand corner next to save and preveiw, you will see a copy overlay url, click that
- Next go to your streaming software of choice, I use obs so this will be for obs, but it work the same way for any other, and yes streamlabs can read browser source from streamelements
- Open obs
- In source if you already have a scenes then don't make a new scenes for this, click the plus sign in the source tab
- click browser
- Create new(name it what you want, i name mine livechat.)
- Url is the url you copy from streamelements so paste that there
- Change the width to 550 and height to 700
- Click ok
That it you have a simple chat that has pronouns in it now.