[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"payload:blogs:{\"where[slug][equals]\":\"create-a-dynamic-viusal-radio-news-ticker\",\"limit\":\"1\",\"includeMediaDimensions\":\"true\"}":3},{"docs":4,"hasNextPage":28,"hasPrevPage":28,"limit":13,"nextPage":15,"page":13,"pagingCounter":13,"prevPage":15,"totalDocs":13,"totalPages":13,"mediaDimensions":36},[5],{"id":6,"title":7,"slug":8,"subtitle":9,"excerpt":10,"category":11,"author":12,"coverImage":17,"ogImage":15,"hero":26,"publishedAt":30,"status":31,"featured":32,"ctaText":15,"ctaLink":15,"body":33,"updatedAt":34,"createdAt":35},3,"Create and Design a Dynamic Visual Radio News Ticker","create-a-dynamic-viusal-radio-news-ticker","Display the data from APIs and XML\u002FRSS Feeds in your Visuals","Learn how to display real-time news in your Visual Radio broadcast using external XML feeds. This guide shows how to connect data sources, create variables, and design dynamic visuals.","Company",{"id":13,"name":14,"role":15,"avatar":15,"updatedAt":16,"createdAt":16},1,"Jochem Vogel",null,"2026-08-10T15:09:10.545Z",{"id":18,"alt":7,"updatedAt":19,"createdAt":19,"url":20,"thumbnailURL":15,"filename":21,"mimeType":22,"filesize":23,"width":24,"height":25},6,"2026-08-10T15:09:46.473Z","https:\u002F\u002Fcms.visualradio.media\u002FwuxADWWv717spDAl3idzDRIJ5as.png","wuxADWWv717spDAl3idzDRIJ5as.png","image\u002Fpng",103909,2112,1393,{"type":27,"padImage":28,"padImageColor":29,"videoUrl":15,"videoType":15},"No Image",false,"#FAFAFA","2025-07-24T00:00:00.000Z","published",true,"Integrating real-time data into your Visual Radio broadcast can bring context, relevance, and useful updates to your audience. We’ll walk through how to connect external XML feeds, like the BBC Technology RSS feed, into your Visual Radio visuals using the Data Source and Variables in Visual Radio Assist.\n\n[Watch the video](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=qAvtOskWEyQ)\n\n## Step 1: Set Up the Feed as a Data Source\n\nTo start, we’ll create a Data Source for the BBC’s World feed. This feed uses the XML format and is accessible via the BBC’s standard feed URL structure.\n\n### Set Base URL and Endpoint\n\nThe full feed URL is structured as: `https:\u002F\u002Ffeeds.bbci.co.uk\u002Fnews\u002Fworld\u002Frss.xml`\n\nIn the Visual Radio Cloud platform:\n\n*   Create a new Data Source in the Settings\n*   Set the Base URL to `https:\u002F\u002Ffeeds.bbci.co.uk\u002Fnews`\n*   Select RSS as the data format\n*   Specify the link, by using the endpoint `\u002Fworld\u002Frss.xml`\n\n### Choose Fetch Type: Cloud Proxied\n\nSome feeds do not allow browser-direct requests, meaning the Cloud will need to fetch the data instead of your browser. Set the Fetch Type to Cloud Proxied to avoid fetch errors due to CORS (cross-origin request) restrictions.\n\n> ✅ Tip: If you're unsure whether a feed allows direct browser access, test it. If it fails, switching to Cloud Proxied often resolves it.\n\nOnce configured, use the Test Request button to confirm the data is loading correctly. You’ll be able to inspect the structure of the data.\n\n### Link the Feed to a Variable\n\nOnce your feed is loading correctly, it’s time to connect it to a variable, which makes the data available inside the Visual Designer.\n\nThe easiest way to do this is by enabling the Auto-generate variable toggle. When you save the API Data Source, the system will automatically create a new variable with a descriptive name based on the feed.\n\nThis variable becomes accessible in all areas where visuals are built, whether for tickers, full-screen updates, or lower-thirds.\n\n### Working with Authenticated Feeds\n\nIf your feed requires credentials:\n\n*   Add an authorization token directly into the configuration\n*   Or set up custom headers and endpoint parameters for authenticated access\n\nThis gives you the flexibility to work with internal, paid, or restricted APIs beyond public feeds.\n\n![](https:\u002F\u002Fcms.visualradio.media\u002Fm6bdrWq4OTrXBLvMVBqLqXj4Lvo.png)\n\n## Step 2: Link the Data Source to a Visual\n\nNow that your external feed is set up as a Data Source and linked to a Variable, you can display this information inside your Visual Radio visuals using the Visual Designer by using these steps:\n\n1.  Create a Text Layer and select the API Data Source Variable that is just created.\n2.  Open the Data Selector to browse the feed’s structure.\n3.  Choose the data field you’d like to display, for example `title` to display the news headline.\n4.  Open the Text Helper, copy the `loop` helper, and paste it into the text field. This will loop through all the feed items and their titles.\n\nYou might ask: How to add a news ticker to your Visual Radio? This can done by enabling the Ticker Effect on the bottom of the properties panel.\n\n## Step 3: Design your visual\n\nOnce your text is showing the correct data, it’s time to improve the look and layout of your visual. The Visual Designer in Visual Radio Assist gives you full control over how your data appears on screen, whether it’s a lower-third, full-screen visual, or part of a multi-layer layout.\n\nYou can also stack layers, add station logos, display timestamps, or include extra data like descriptions or publication time from the same feed.\n\n![](https:\u002F\u002Fcms.visualradio.media\u002FvtMd96rNN9NeTis427EYYda9WY.png)","2026-08-27T10:03:00.582Z","2026-08-10T15:09:49.673Z",{"https:\u002F\u002Fcms.visualradio.media\u002FvtMd96rNN9NeTis427EYYda9WY.png":37,"https:\u002F\u002Fcms.visualradio.media\u002Fm6bdrWq4OTrXBLvMVBqLqXj4Lvo.png":40},{"width":38,"height":39},1462,818,{"width":41,"height":42},1730,1826]