Although not too common, especially with the recent addition of chat replay in Twitch VoDs, some streamers like to show their chat on stream. Here, we’ll go over pros and cons of displaying chat on stream and a few easy ways to add your chat to your own stream.
Reasons to Show Chat
- Splash screens
- Intro scene
- AFK screen
- Talking with chat
- YouTube videos
- Highlights – chat reaction
- Playthroughs – people can follow who you were talking to
- Poker streamers or other interactive streamers who run a delay on their cast
Cons to Showing Chat
- Can take away valuable screen space, potentially blocking the game or making it look too cluttered
- Can appear sloppy if not properly set up
- Don’t just window capture your chat. If you do, please disable mod icons, timestamps, and crop it appropriately.
- Potential for spoilers or nasty comments to show on stream if moderators are not quick, potentially upsetting people watching in fullscreen or ruining highlight moments
Ways to Show Chat
- TwitchAlerts has a section called Chat Box that will very easily allow you to display chat on your stream using Browser Source. Read: How to Set Up Browser Source
- Simply add the url provided to your streaming software and configure the options such as colors, styles, and display settings. CSS wizards can choose to add their own custom CSS (under “Theme”).
- KapChat by Nightdev
- Click the install button for the streaming software you use.
- You’ll be walked through a step by step guide, configuring your options, and then getting a url to add to Browser Source.
- Cost $15
- Includes 70+ themes, notifications for follows, subs, donations
- Chat polls
- On your Console page, click the URL button under Brane Chat and paste it into your Browser Source.
- To make the chat transparent add &style=transparent to the end of your URL.
- Automatically removes command inputs and bot command output.
- Displays prestige level system.
- Direct using Custom CSS
- Create a Browser Source with your popout chat url (https://www.twitch.tv/yourusername/chat?popout=)
- If you’re knowledgeable with CSS, you can use the code below as a template to add directly to your Browser Source. Tweak it as you’d like.
- Make sure to crop and chroma key the chat as needed (Right-click -> Filters).
Have we missed one? Tweet us @StreamerSquare.