XSplit tutorial on how to do a transparent chat overlay on Twitch.TV! *Outdated* @Kanecobond
XSplit tutorial on how to do a transparent chat overlay on Twitch.TV! *Outdated*  @Kanecobond
Uploaded August 2013 | Updated September 2026, 3 weeks ago
This video is outdated and doesn't apply to how you do things now. Twitch & tools were very different 6 years ago.

I'll update this at some point with a new video that's more relevant with today's tools & with the more current Twitch layout for programs like OBS Studio. It's so much simpler now.

Chroma key'ing is a very powerful tool, and from this video the general idea still applies, but more directly... Streamlabs is a great site to have a flashy chat that already comes transparent with a direct URL link to your chat box that when you plug it in to a 'browser source' in OBS Studio, it should automatically bring it up as a transparent chat overlay. That's pretty much the gist of it, for anyone looking for some quick guidance.

-------------------------------------------------------------------------------------------

For the 'Better Twitch TV (BTTV)' browser ad-on/plugin.
nightdev.com/betterttv

Hope you liked the video and hope most of you found it helpful!


I also stream! You can check me out on Hitbox and Twitch! Although I stream most of the time on Hitbox! =D

Hitbox: hitbox.tv/Kaneco

Twitch: twitch.tv/kaneco_bond

You can also contact and check me out on Twitter!
twitter.com/Kaneco_bond


*DISCLAIMER!* I've noticed a lot of confusion in the chat about 'mostly' one thing that goes over this tutorial.

There's no way of running this chat overlay when the game's full screen! There's only two ways! Either by playing the game on 'Windowed' mode and/or with Dual monitors!

There purpose of the 'transparent chat overlay' is for recordings/archives/viewers, not for your personal use! It's a way to record the chat log!

My entire recording of the tutorial is a 'screen region' of my entire desktop through Xsplit's 'local recording'....what you see in the recording is what you in the Xsplit's preview!

Also, the version of 'Dark Souls' I'm playing is on the 'PS3' through a 'capture device'...the reason why it appeared to be full screen with the 'chat overlay' is because I made it so in one of my Xsplit's scene/tabs/presentation!

I hope everyone with the same issue and/or conundrum of understanding what's truly happening in tutorial understand through reading this small...yet sort of long...disclaimer!

I have explained many times to others individually the same thing in the comments below, so I figured I just put an overall explanation of how I'm recording this.

- Update -

Now with Xsplit's 2.0 & UI overhaul update, you're no longer needed to set 'Screen region' under 'Legacy mode' as it no longer requires it, Screen Region has been renamed to 'Screen Capture'...and there's now an 'Exclusive Window capture' option that happens to ignore what is overlaying over the capture window and still capture, highly recommend using that AWESOME & HELPFUL feature!

Steps are very much 'inherently' the same even with the new changes, minus the 'Legacy mode' (no longer needed) step.


Cheers! =D
XSplit tutorial on how to do a transparent chat overlay on Twitch.TV! *Outdated*Bruce Fat Fucc Fries MontagePersona 4 Arena Ultimax First Run Copy Unboxing & First Impressions Twitch stream!Neon Genesis Evangelion 64 [Import] (Unboxing)S-TROLL-ipede! The Master of Mind Games! THE COMEBACK!!!SoulCalibur V Story Mode - Patroklos vs. Soul Calibur Final Battle Scenes (Japanese)Jean Claude Van Damme Dancing  to El SoniditoSetting Up Stream Audio using XSplit on Windows 7THE PSN DEALSSSSSS!!!!! Spring Fever Sales & GTA Spring Fever Sales! pt. 1! OH MY GOD!!!!Supercon 2014 - My friend John as Scumbag Gumby
Kaneco |

XSplit tutorial on how to do a 'transparent chat' overlay on Twitch.TV! *Outdated*

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER