ramforth/Overlays
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
d2020e57ede3a0de0b10a03f005a0f69e9babf2f
Overlays/weather_overlay
History

README.md

Weather Overlay

This overlay displays the current weather for a specific location. It's designed to be used as a browser source in streaming software like OBS Studio.

Installation

  1. Add to OBS Studio:

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

  2. Customize Location:

    To set your location, you need to open the weather.html file in a regular web browser (like Firefox or Chrome) first.

    1. Open the weather.html file in your browser.
    2. Enter a city name in the input field and click the "Update" button.
    3. The overlay will now show the weather for the new location. This location will be saved in your browser's local storage, so it will be remembered the next time you open the overlay.
    4. You can now add the weather.html file as a browser source in OBS Studio. It will use the location you just set.

    Note: To reset the location, you can open the browser's developer tools (usually by pressing F12), go to the "Application" or "Storage" tab, find "Local Storage", and delete the weather_latitude and weather_longitude keys.