From 084401bb3ac31253c3be1b4ee18533d5a010a5c1 Mon Sep 17 00:00:00 2001 From: ramforth Date: Fri, 31 Oct 2025 10:51:37 +0100 Subject: [PATCH] feat: Add RSS Ticker Overlay --- index.html | 5 ++ rss_ticker_overlay/README.md | 22 ++++++ rss_ticker_overlay/rss_ticker.html | 120 +++++++++++++++++++++++++++++ 3 files changed, 147 insertions(+) create mode 100644 rss_ticker_overlay/README.md create mode 100644 rss_ticker_overlay/rss_ticker.html diff --git a/index.html b/index.html index e979750..8d18f86 100644 --- a/index.html +++ b/index.html @@ -89,6 +89,11 @@
  • System Monitor Overlay
  • System Monitor Overlay (No Heading)
    • + +

    RSS Ticker Overlay

    +

    For detailed usage instructions and to understand how to deploy these overlays, please refer to the Azuracast README.md within the Gitea repository.

    diff --git a/rss_ticker_overlay/README.md b/rss_ticker_overlay/README.md new file mode 100644 index 0000000..238b6ab --- /dev/null +++ b/rss_ticker_overlay/README.md @@ -0,0 +1,22 @@ +# RSS Ticker Overlay + +This overlay displays headlines from an RSS feed as a horizontally scrolling ticker. 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 `rss_ticker.html` file in this directory. + * Set the width and height to your desired dimensions. + +2. **Customize RSS Feed:** + + To set your RSS feed URL, you need to open the `rss_ticker.html` file in a regular web browser (like Firefox or Chrome) first. + + 1. Open the `rss_ticker.html` file in your browser. + 2. Enter the full URL of the RSS feed in the input field and click the "Update RSS" button. + 3. The ticker will now display headlines from your chosen RSS feed. This URL 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 `rss_ticker.html` file as a browser source in OBS Studio. It will use the RSS feed you just set. + + **Note:** To reset the RSS feed URL, 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 `rss_feed_url` key. diff --git a/rss_ticker_overlay/rss_ticker.html b/rss_ticker_overlay/rss_ticker.html new file mode 100644 index 0000000..715b363 --- /dev/null +++ b/rss_ticker_overlay/rss_ticker.html @@ -0,0 +1,120 @@ + + + + + + RSS Ticker Overlay + + + +
    + Loading RSS feed... +
    + +
    + + +
    + + + +