Live Chat Overlay

Restyle the YouTube popout chat so you can overlay it for livestreams

What is Live Chat Overlay?

Live Chat Overlay is a Chrome extension developed by Aaron Parecki, and its main feature is "Restyle the YouTube popout chat so you can overlay it for livestreams".

Extension Screenshots

screenshot

Download Live Chat Overlay Extension CRX File

Download Live Chat Overlay extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Restyle the YouTube popout chat so you can overlay it for livestreams. Install this extension, then use the "pop out chat" feature on a YouTube live video. 

You can either full-screen the window and bring it into video streaming systems like the ATEM Mini to overlay the chat using a Luma or Chroma key, or you can get a remote URL to bring your chat into OBS, a YoloBox, or Lightstream Studio as a browser source!

Features

* Add the overlay window as a browser source to OBS or other software
* Change the size of the comment displayed to fit more text
* Change the background color of the author name and icon
* Choose between showing the commenter's full name or only their first name
* Configure a list of highlight words
* Auto-hide messages after a set length of time

Changes

0.3.8

* Fix for scroll bar disappearing after clicking a message
* Hides the moderation dropdown menu completely so that it doesn't appear on top of the chat window

0.3.7

* Adds an option to use a persistent session ID for all your livestreams
* Prevents the dropdown menu from appearing over the chats when you click them

0.3.6

* Adds a new setting to set the remote server URL separate from the overlay window URL

0.3.5

* Support more membership actions: upgraded a membership, gifted a membership, membership milestone chats
* Fixed Super Stickers

0.3.3

* Adds a barely visible white overlay on top of avatars to prevent luma key from making avatars transparent
* Fixes SuperChat dollar amount display
* Minor bugfixes and improvements

0.3.0

* Hides the "Get Overlay URL" button when clicked
* Updates to Google Manifest v3 for faster future review times

0.2.4

* Adds an option to auto-hide messages after a set length of time
* Highlights the active message in green in the list
* Click on an active message to hide it
* Minor bugfixes and improvements

0.2.3

* Only shows the chat messages on the remote window when in browser source mode

0.2.2

* Fixes an issue with the browser overlay on first launch

0.2.1 

* Adds a new "Get Overlay URL" button to be able to bring the chat in as a browser source to OBS or other software                    

Extension Basic Information

Name Live Chat Overlay Live Chat Overlay
ID aplaefbnohemkmngdogmbkpompjlijia
Official URL https://chromewebstore.google.com/detail/live-chat-overlay/aplaefbnohemkmngdogmbkpompjlijia
Description Restyle the YouTube popout chat so you can overlay it for livestreams
File Size 821 KB
Installation Count 26,204
Current Version 0.3.8
Last Updated 2024-01-28
Publish Date 2020-10-05
Rating 4.59/5 Total 34 Ratings
Developer Aaron Parecki
Email [email protected]
Payment Type free
Extension Website https://github.com/aaronpk/live-chat-overlay
Help Page URL https://github.com/aaronpk/live-chat-overlay/issues
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Live Chat Overlay",
    "description": "Restyle the YouTube popout chat so you can overlay it for livestreams",
    "manifest_version": 3,
    "version": "0.3.8",
    "homepage_url": "https:\/\/github.com\/aaronpk\/live-chat-overlay",
    "icons": {
        "128": "icons\/icon-128.png"
    },
    "permissions": [
        "storage"
    ],
    "host_permissions": [
        "https:\/\/youtube.com\/*",
        "https:\/\/www.youtube.com\/*",
        "https:\/\/studio.youtube.com\/*"
    ],
    "content_scripts": [
        {
            "css": [
                "youtube.css"
            ],
            "js": [
                "jquery.js",
                "youtube.js"
            ],
            "all_frames": false,
            "matches": [
                "https:\/\/youtube.com\/live_chat*",
                "https:\/\/www.youtube.com\/live_chat*",
                "https:\/\/studio.youtube.com\/live_chat*"
            ]
        }
    ],
    "options_ui": {
        "page": "settings\/options.html"
    },
    "browser_specific_settings": {
        "gecko": {
            "id": "[email protected]",
            "strict_min_version": "80.0"
        }
    }
}