Passa al contenuto principale

🗞️ Feed Ticker (RSS)

The Feed Ticker layer is useful for displaying live news, updates, or any dynamic content from RSS or JSON feeds. It is ideal for creating scrolling tickers, static headlines, or rotating entries, with full control over content source, refresh timing, visual style, and text formatting.

Adding a feed-ticker layer in the Project editor

Content fields​

  • Source: paste the desired RSS or JSON feed URL here (e.g. https://news.yahoo.com/rss/world).

    suggerimento

    WordPress websites typically have an RSS feed available by default at www.wordpress-website.com/rss.

  • Source Type: select the format of the feed, rss or json.

  • Refresh time (in minutes): how often the device updates the feed with new content (default 60 minutes).

  • View Style: choose how the feed content is displayed.

    • static: displays a single item without movement (single item).
    • fit: adjusts the text to fit within the layer (single item).
    • scrolling: continuously scrolls the feed content (single item).
    • ticker: scrolls items one by one (default, keep this for rotation).

  • Ticker Speed: sets the scrolling speed of the text.

    • On SpinetiX devices, the higher the value, the faster the speed.
    • On other devices, the lower the value, the faster the speed.

  • Text: select which piece of information to display from the feed (make sure the chosen field exists in the feed).

    • (this.title): displays a rotation of the item titles (e.g. article headline).
    • (this.description): displays a rotation of the item descriptions.
    • (this.link): displays a rotation of the URLs to the full content of each item.
    • (this.pubDate): displays a rotation of the publication dates.
    • (this.author): displays a rotation of the authors (optional in RSS 2.0).
    • (this.category): displays a rotation of the categories (optional in RSS).

  • Font Family: the font to use (e.g. Montserrat, News Cycle, Open Sans).

  • Font Size: font size in pixels (px).

  • Line Height: space between lines of text (px).

  • Font Color: text color in hex format (e.g. #FFFFFF).

  • Font Weight: thickness of the font.

    • normal
    • bold
    • bolder
    • lighter

  • Font Style: style of the font.

    • normal
    • italic

  • Vertical Align: vertical alignment within the layer (Top, Center, Bottom).

  • Horizontal Align: horizontal alignment within the layer (Left, Center, Right, Justify).

  • Text Shadow: adds a shadow to the text (e.g. 8px 10px rgba(0, 0, 0, 0.75)).

  • Text Transform: controls text casing.

    • Inherit: keeps the text as written.
    • lower case
    • UPPER CASE
    • Capitalize

  • Bg Color: background color in hex format (e.g. #FFFFFF).

  • Bg Opacity: background transparency, from 0 to 1.

  • Fr Color: frame (border) color in hex format (e.g. #FFFFFF).

  • Fr Border: frame thickness, as a percentage.

  • Font Padding: padding around the text, in pixels.

🙋🏼 Common Issues​

Open the link in a browser (e.g. https://news.yahoo.com/rss/world). A valid RSS feed returns structured XML rather than a normal web page: you should see tags such as <rss>, <channel>, and a list of <item> entries, each with fields like <title>, <link>, and <pubDate>.

If you see a styled web page or an error instead, the link is not a usable feed.

An RSS feed opened in a browser, showing its XML structure

I can't see the RSS feed in the project editor or preview. Why?​

The project editor and preview run in your browser, which applies cross-origin (CORS) restrictions. Many feed providers do not allow their feed to be loaded from another website, so the browser blocks it during preview even when the URL is valid.

This is usually a preview-only limitation. The player on the device fetches the feed differently and is not subject to the browser's CORS rules, so publish the project to the monitor and check there before assuming the feed is broken.

I can't see the RSS feed on the monitor. Why?​

The device needs outbound internet access to the feed URL. If a firewall, proxy, or content filter on your network blocks that address, the device cannot retrieve the feed.

Make sure your network allows the feed's domain. See Domains and Ports, which notes that any additional domains used by the platform, including RSS feeds, must be allowed.