# System Monitor Overlay

This overlay displays real-time system information like CPU and memory usage. It's designed to be used as a browser source in streaming software like OBS Studio.

## Example Output

![Example Output](obs_example.png)

## Setting up the Python Environment

Before you can run the server, it's recommended to create a virtual environment to keep the dependencies for this project isolated from your system's Python installation.

1.  **Create a virtual environment:**

    ```bash
    python3 -m venv venv
    ```

2.  **Activate the virtual environment:**

    *   On Linux/macOS (bash/zsh):

        ```bash
        source venv/bin/activate
        ```

    *   On Linux/macOS (fish):

        ```bash
        source venv/bin/activate.fish
        ```

    *   On Windows:

        ```bash
        .\venv\Scripts\activate
        ```

    You will know the virtual environment is active when you see `(venv)` at the beginning of your command prompt.

## Installation

Once you have activated the virtual environment, you can install the required library and run the server.

1.  **Install the required library:**

    ```bash
    pip install psutil
    ```

2.  **Run the server:**

    ```bash
    python server.py
    ```

    The server will start on port 8000.

3.  **Add to OBS Studio:**

    *   Add a new "Browser" source to your scene.
    *   Set the URL to the `system_monitor.html` file in this directory.
    *   Set the width and height to your desired dimensions.

## Overlays

*   `system_monitor.html`: The default overlay with a heading.
*   `system_monitor_no_heading.html`: An alternative overlay without the heading.