Pixel Chat

Never miss another blog post again! Click here, to be emailed when a new blog is released!

You may or may not know but I have an extreme passion for helping out smaller streamers, indie game developers, and almost anyone who has a good product to help get themselves discovered. Well today I am very excited to show you something that's a viewer and subscriber of mine approached me with and wanted me to try. The product is called PixelChat and it is a chat based program for Mixer that you can capture using CLR Browser in OBS or using X-Split. As you guys may know I previously used a program called Ubiquitous 2 and I've blogged about it in the past; however where Ubiquitous 2 lacks PixelChat succeeds! One of the very first things I noticed with PixelChat is that it’s customizable in almost every area including font color, font size, and what font style you could possibly want out of the hundreds of choices; plus it will actually show the beam emotes from any partners that you subscribe to!! However, I will let ACPixel tell you a little bit more about his product and why you need it. If you have any questions about this you can follow AC pixel on Twitter or on Beam.

Hi my name is ACPixel and I am the creator of PixelChat. PixelChat is a fully configurable chat overlay for Beam.pro. If you’re curious what a chat overlay is, it’s a bit of “software” that lets you display your chat on stream in a clean elegant fashion. This comes in very handy for those people who cannot make your streams and rely on watching VODs.

People keep asking me why I made it, so here’s my story. I was sitting around one day watching some streams. I noticed quite a few streams doing a window capture of the actual chat. And frankly that made me a little sad. So I looked all over to see if there were any good Beam chat overlays. I couldn't find any that were “appealing” and definitely none that were very “versatile” or “configurable”. So I set out to make one. I started up a live stream titled “Making a CLR browser chat overlay for Beam”. It got a moderate amount of viewers in it while I was live. Within the first 6 hours of the first stream I had a working chat overlay. No settings, no emote support, nothing but simple text and usernames; but it worked so I was happy.

The next day I decided to add profile images and “basic” emote support. People started to take an interest in my project and frankly this came as a surprise to me. I even had a few people approaching me asking to work with me, I finally settled on the decision to work with AndriodPanda who has since been a big help with all the graphics and ideas. People started wanting my PixelChat so I made it a private closed beta for testing.

My first real “customer” was Telroa who has been a major help with everything. It kept growing from there! I kept getting amazing and some not so amazing ideas for features, to be added to PixelChat. After the beta was out for a little bit I discovered some major breaking bugs, so I had to get those fixed ASAP! The release was set for June 15th, which meant I only had 20 days to rewrite almost the entire thing and get everything stored in a back end database. So I started working, and I finished it, BARELY! I finished the last part on the June 15th. So we were able to release PixelChat on time! Within the first 8 hours of it being out to the public, we had over 30 registered accounts and it continues to grow daily. I never thought a simple project would expand to be this important.

The Setup Process:

The setup process is one of the simplest around. You would first go to the PixelChat website and you will see a big “login” button. Upon clicking it you will get sent to a beam page where you will have to approve the application. Once approved it will send you back to the PixelChat site, where it will give you a whole bunch of settings to mess around with, as Kitty talked about above. Once you have all the settings you want you click the “submit” button at the bottom. It will redirect you to a page that has two links on it. One link is to the overlay and the other is to a settings page for that overlay. If you go to the settings page, any settings you change there will update in the overlay upon refreshing it. The first link or the overlay link is the one that you will copy and use as the link in the CLR browser/browser source in OBS or XSplit. You can make the width and height anything you want and the chat will scale automatically. My recommended width is 350 and the recommended height is 400, however you can size it to whatever your needs are. That's really all there is to it. Of course if you have any questions, they can be sent to PixelChat support and we will try to get back to you ASAP.

The Future:

I plan on making more products as time goes on. I have a few already planned and one in the works. So you can expect more products from me. Of course if you have any ideas please email me them and I’ll see what I can do to help you.

I hope you enjoy PixelChat and happy streaming!!!

Until next time…



Never miss another blog post again! Click here, to be emailed when a new blog is released!