Overview

CustomBAR is a 90s-styled progress bar designed for streamers on Rumble. It dynamically updates based on your follower count and displays your progress towards your goals.

Installation

Prerequisites

Follow the instructions based on your operating system:

Windows:

Visit Node.js download page & Download the Windows installer (.msi).

macOS:

Visit Node.js download page & Download the macOS installer (.pkg).

Linux:

                    sudo apt update

                    sudo apt install nodejs npm

Setting Up CustomBAR

Clone the Repository:

git clone https://github.com/tinyplayerss/custombar.git

Install Dependencies:

npm install

Configure Your API Key:

Edit server.js & replace 'YOUR_API_URL' with your actual API URL. You can find your API at Rumble

Start the Server:

npm start

Integrating with OBS (Open Broadcaster Software)

Run the Local Server:

Ensure the server is running by executing npm start.

Add a Browser Source in OBS:

Open OBS Studio & Add a new Browser source with URL http://localhost:3000.

Troubleshooting

If the Progress Bar Does Not Load:

Ensure the local server is running & accessible at http://localhost:3000.

If the Progress Bar Is Not Updating:

Check the API response & ensure the API URL is correctly set.

Self-Hosting

To host the CustomBAR project on your own local server, follow these instructions:

Prerequisites

You need Node.js installed on your machine. Follow the installation instructions in the Installation section if you haven’t done so already.

Setting Up the Server

Clone the Repository:

git clone https://github.com/tinyplayerss/custombar.git

Navigate to the Project Directory:

cd custombar

Install Dependencies:

npm install

Running the Server

Start the Server:

npm start

After running the above command, the server should be accessible at http://localhost:3000.

Additional Configuration

You can configure additional settings or environment variables by creating a `.env` file in the root directory of the project. Here’s an example of a `.env` file:

API_URL=https://your-api-url.com

Replace `https://your-api-url.com` with the URL of the API you are using.

Accessing the Application

Once the server is running, you can access the application through your web browser by navigating to http://localhost:3000.