- Obs studio twitch chat how to#
- Obs studio twitch chat install#
- Obs studio twitch chat update#
- Obs studio twitch chat download#
There are also some options buried in the Chrome extension itself, but those will likey be changing going into the future. To link the file to the correct websocket connection, you will also need to add ?session=XXXXXX to the end of the browser source local file link in OBS, where XXXXXX is the session value given to you by the Chrome extension when the chat starts and the popup is displayed.Ĭ:\Users\Steve\Desktop\index.html?session=sBtMwWrkhZįor simple CSS changes, you can add them to the OBS Browser Source itself, in the style sheet section, and it will apply to the index.html file without needing to actually edit it.
Obs studio twitch chat download#
You can download it to your local drive and open it directly in OBS. If you wish to Stylize the Chat message overlay in OBS, you can edit this file: You can set it to whatever value you want really less than 1000 isn't recommended. Sample of how it looks with Twitter:Īdding ¢er to the overlay link added to OBS will center the comments on the pageĪdding &showtime=10000 to the overlay link will have messages appear for 10-seconds (10,000-ms), before they auto-fade away. The link should be resuable between streams, but you can also manually set it to something specific via the plugin's settings page. You can re-use the same overlay in OBS or Vmix or wherever for all your chat inputs. To make a Chat message now appear in OBS, simply click on a chat message in the Youtube/Twitch POP OUT window or whereever buttons appear. If using Instagram/Twitter with images, maybe considering a height of 400px instead also, for Twitter/IG, there is no pop-out - so it just embeds into the main side. Make the browser source 1280x250 or 1920x250 in resolution. Or replace the VIDEOID in the URL below with your video's ID.Īfter the page loads, if the extension is loaded correctly, you will see a POP UP that contains a github-domain-based URL COPY that URL and past it into your OBS as a browser source. Open up the live chat for a video, and click popout chat to open it in a new window.
Obs studio twitch chat update#
:) Repeat this process if you wish to update the extension, as it will not auto-update if you had manually installed it. Selecting the folder, click OK, and that's it! All installed. On that page, make sure developer mode is enabled, then choose "Load unpacked", and navigate to the newly unpacked folder we downloaded. Next, in Chrome, launch the Extensions page: * chrome://extensions/ The download link is here: Just extract the files to a folder once downloaded.
Obs studio twitch chat install#
If manually installing, you just need to download and install this repository an "unpacked" extension in Chrome. It will however auto-update the extension for you though and it's pretty easy to install this way. The webstore has a review process, which can take a few days to complete, so new releases and bug fixes can take a few days to become available. The extension can be found in the store here: If you install the extension manually, make sure to remove the store version to avoid conflicts and double-popup problems, etc. You can install this package manually, or install it from the Chrome Web Store. If using restream.io as a chat source, you can access all your social sites, including Facebook, from a single chat pop-out, as seen below:
Obs studio twitch chat how to#
? Video demoing how to install and use here: Supported sites (requests welcomed) It also makes customizing the style pretty easy, with no Chrome extension development needed. This makes capturing the chat messages from a live video stream very easy and fast - no Chroma keying or window-capturing needed. This Chat overlay extensions will forward the selected chat message over a web-socket connection to a secondary webpage, which can be used in OBS-Studio as a simple browser source. This Chrome browser extension turns your social chat and comments section into selectable social overlays for OBS Studio or other studio production software. YouTube/Twitch and More - Chat Overlay Ninja I'm also on Discord at if seeking support or bug reports. If having any problems with Twitch overlays loading slowly, or Twitch profile photos not loading at all, please update the extension to the newest version. Having issues with Twitch overlays loading slow? I will still support this simple chat overlay extension, but my main development efforts will be focused on the more capable and scalable SocialStream.Ninja extension check it out. Just a note that I'm shifting my focus from this project to SocialStream.Ninja going forward ( ).
Status Update of this project and its future :