Here are the instructions for using the CB-Chat feed that we released on github which can be found here:
https://github.com/victor7376/CB-Chat
You will need OBS (Open Broadcasting Software) & a text editor (notepad or Recommended Notepad++ for editing the Javascript for your settings)
First download the CB-Chat.zip from the above url or via this link:
https://github.com/victor7376/CB-Chat/releases/tag/CBChat
Click on CB-Chat-main.zip and extract to a folder of your choice.
Within the folder you will see the following files:
CB-Chat.html, Style-chat.css, README.md & a folder JS
In the folder JS you will find: cb-chat.js & scroll.js
You need to edit the cb-chat.js file for this to work. Open the file up in a text editor program (Notepad or Notepad++ or similar) and look for the following lines at the top:
baseUrl & baseDev
baseUrl is your Events URL from Chaturbate & baseDev is your Events URL from Chaturbate’s testbed.
Now visit Chaturbate & open your Profile – then click on Settings & Privacy. Scroll down to the bottom and look for ‘Events API JSON feed‘.
RIGHT CLICK on the Events API JSON feed and select ‘COPY LINK ADDRESS‘
Go back to the cb=chat.js that you have opened in a text editor and paste the URL that you just copied into the “EVENTS_API_URL“
It should now look like:
const baseUrl = “https://eventsapi.chaturbate.com/events…...
the full url will have YOUR username from Chaturbate & your unique token that is requires for the events to be retrieved from Chaturbate.
DO NOT GIVE OUT YOUR KEY TO ANYONE
The Url gives access to details of private messages in your room & when ever you receive tokens etc.
We can ignore the baseDev as this is only for when you need to test any altered code within this script on the Chaturbate Testbed.
Now scroll down this script and look for ‘CBRULES‘
The line should look like the following approx line 68:
if (username == “CBRULES”) {
Delete CBRULES & replace it with YOUR username (NOT in capslock)
For example the line should now look like:
if (username == “chaturbate“){
We have finished editing the file, so now we can save and exit the text editor.
Now open OBS, in Sources right click & select ADD ->> Browser
A new window will open, just click OK and you’ll see OBS webpage, Click on ‘LOCAL FILE‘ so that it puts a TICK in the box. Go to the right and select BROWSE.
You now have to browse to where you extracted the above files & select CB-Chat.html
Move down to change Width from 800 to 400.
Click OK which will save the settings you’ve just added. You will now see a BLACK BOX. This is normal so that you can position the box to where you want it.
After you are happy where the black box is, Right Click on Browser in the sources section and click FILTERS.
Click the PLUS sign in the EFFECTS FILTERS & select CHROMA KEY & click OK
Now in the KEY COLOUR TYPE Select CUSTOM then click on SELECT COLOUR & choose BLACK in the top left corner
The black box should now vanish. Once it has move down to similarity and change the number from 400 to 1. This will make the text from Chaturbate feed to appear.
You can now close the window, OBS is now setup for live chat feed.
CBRules 