RSS Ticker: Scrolling Headlines From Any Feed

RSS Ticker displays headlines from any RSS feed as a smooth, scrolling text ticker. No server-side rendering and no daily video generation is needed, the widget fetches the feed and renders it directly on the device.

Configuration

All parameters are set through any CMS that can read config.xml, here shown in Garlic-Hub.

ParameterDefaultDescription
urlURL of the RSS feed (required)
font_size30Font size in pixels
bgcolor#008080Background color
color#ffffffText color

Why Canvas

The ticker renders on HTML5 Canvas instead of a CSS marquee:

Server-Side Proxy

Browser Same-Origin-Policy restrictions prevent fetching RSS feeds from external domains directly. A PHP proxy script is required and must be hosted by you, it is not included in the widget package itself.

The script, fetch-rss.php, is located in the tools directory of the garlic-widgets repository.

  1. Deploy fetch-rss.php to your own web server
  2. Make sure the php-xml extension is installed
  3. Set the proxy path in init.js

SMIL Example

<ref src="RSS-Ticker.wgt">
  <param name="url"       value="https://www.example.com/rss.php"/>
  <param name="font_size" value="30"/>
  <param name="bgcolor"   value="#008080"/>
  <param name="color"     value="#ffffff"/>
</ref>

Download

Download RSS Ticker