Live 2B Visualizer for OBS

A complete guide to installing the community-made live visualizer, allowing your remote driver to see exactly what's happening during your stream.

Origins & Credits

This powerful tool is a result of a fantastic community effort on the official E-Stim Systems forums. It wouldn't exist without the contributions of several key users:

  • stimmingexperiments: The original creator of the visualizer and Python script.
  • againgo: Identified the need for such a tool to improve the remote driving experience.
  • estimguy88: Provided the essential 2024 code fix that allows the visualizer to work with modern 2B firmware.

What You'll Need

  • An E-Stim Systems 2B connected to your computer.
  • Python 3 installed on your system.
  • OBS Studio for streaming.

Setup Guide

Step 1: Get the Project Files

You'll need two files: the HTML visualizer and the Python connector script. Place both of them into a new, empty folder on your computer.

e2bvisualizer.html

This file displays the waveform.

Download File

e2bconnect.py

This script connects to your 2B.

Download File

Step 2: Install Dependencies

The Python script requires the `pyserial` library. Open a Command Prompt (Windows) or Terminal (Mac/Linux) and run:

pip install pyserial

Step 3: Find Your 2B's Port Name

  • Windows: Open Device Manager, look under "Ports (COM & LPT)". It will be something like COM3.
  • macOS/Linux: In a terminal, run ls /dev/tty.* and look for something like /dev/tty.usbserial-XXXX.

Step 4: Run the System

You need two terminal windows running simultaneously in your project folder. Keep both running while you stream.

Terminal 1 (Connect to 2B):

python e2bconnect.py [YOUR_PORT] MyStream -ws

Replace `[YOUR_PORT]` with the port name from Step 3 (e.g., `COM3`).

Terminal 2 (Start Web Server):

python -m http.server

Integrating with OBS

  1. In your OBS scene, click the **+** under "Sources" and select **"Browser"**. Name it "2B Visualizer".
  2. In the properties window, use the following settings:
    • URL: http://localhost:8000/e2bvisualizer.html
    • Width: 1920
    • Height: 300 (or adjust as needed)
  3. You can now drag and resize the visualizer in your OBS scene. For a transparent background, right-click the source -> Filters -> Add a **"Chroma Key"** or **"Color Key"** filter to remove the black background.