ATEM Mini: Live stream chat highlight on screen / How-to tutorial

Описание: This is a simple and FREE method to pull up chat messages on screen in real time from the Youtube live stream chat. Made with the Black Magic Atem Mini video switchers in mind, but should work with others as well. No software needed other than your chrome web browser.

UPDATE:
I've tweaked the code to support new "youtube channel members" joining. Superchat stickers can also be highlighted, althought only with name and donation amount (Might work on the actual sticker in the future).
I also tweaked the design of the message making it look a bit slicker (IMO), as well as the positioning of the message in the green box to always place bottom left, and then adjust automatically depending on the length of the chat message.
Lastly, to get rid of the ugly green fringes when chroma keying, I changed the color of the green which seem to have fixed that.
(I've also prepared the code for use with Luma, only thing you need to change is the green background to 100% black (#000). Only problem I found with using Luma is that I can't use the KEY on/off button on the Atem mini to turn it on or off. )
Example of all changes can be seen in a stream I did on my main chanel:    • The next chapter of Lightness: Live Unboxing  

Styler Pro Extention:
https://chrome.google.com/webstore/de...

CSS and Javescript code:
https://gist.github.com/rojbts/8f7a56...
(Please note this is quick and dirty code not at all what you would call professional, but it's just going to run on your local browser so can't be bothered to be all fancy. Feel free to modify to your needs)

Aaron Parecki
   / theaaronpk