Connect JSON feed data to a graphic layer

Captivate Broadcast and Sport can display data from incoming JSON feeds, such as Scoreboard OCR and other sources that write real-time data to JSON files. This data can be assigned to design elements such as text to be updated in real-time. 

1. In Captivate's playout interface, open a project (if a project isn't already open) and select a graphic in the playlist.

Tip: Open the Graphics Library panel and drag a graphic from the library to your channel. To customize existing variables or create new ones, see Create variables in graphics.

2. Choose Select a data controller > General > JSON > New Input.

3. A dialogue box will prompt you to either select an JSON file from your computer or a URL that is hosting your JSON data.

TL5_XML_1.png

      • Enter the URL of the JSON file on your local network or FTP location. Click the Select File button and select the JSON file on your network.
      •  
      • FTP tip: The syntax for an FTP URL should be similar to ftp://username:password@server.com/public_html/test.json. You can also use an IP address after @ instead of a .com address.

4. The JSON data and its variables appear in the Link Data button in the Preview panel. Click the Link Data button in the Preview panel to view the JSON input and variables. 

5. Click and drag an JSON variable onto an object in the graphic. Repeat this step for each variable you want to include in the graphic.

Tip: To disconnect a variable from an object in your graphic, right-click a variable in the Preview panel and choose Disconnect variable.

 

TL5_XML_2.png

The JSON data is now visible in the graphic. The graphic automatically shows the latest information as your data source updates the JSON file.

Back to top

Was this article helpful?
0 out of 1 found this helpful
Have more questions? Submit a request