Contact Us

Use a .CSV Over HTTP for Livestream Studio Graphics

If you are hosting a .CSV file on a web server, you can use graphic overlays in Livestream Studio to display the data from it.

In a GFX panel, open the Create Custom Graphic menu and select .CSV over HTTP.

the create custom graphic menu opened highlighting the csv over http option

If your file requires authentication in order access it, check Basic Authentication and enter your credentials.

CSV over HTTP graphics layer settings showing a blank URL field and a checked box labeled 'basic authentication,' followed by user name and password fields.

In the settings, input the URL where the .CSV file is located, then the press Enter or Return key on your keyboard. Your data will populate on the right with further settings becoming available on the left.

 

Make sure there are no spaces between either field; only commas should separate each value.

 

CORRECT: Data 1,Name,http://cdn.livestream.com/resources/branding/livestream-logo.png

INCORRECT: Data 1, Name, http://cdn.livestream.com/resources/branding/livestream-logo.png

A graphics layer panel showing a CSV url input on the left and a table of data on the right

Scroll down on the left side of the module to configure additional settings. Set the amount of time in seconds that Livestream Studio should refresh and look for new data in your .CSV under Auto advance data interval.

csv over http graphic layer settings highlighting the auto advance data interval option

If the first row actually contains the titles of each field, you can check Use first row as column titles to move them up to the title field.

 

If you want to make changes to your .CSV content via Livestream Studio, uncheck Read only. Otherwise, leave it checked.

csv of http graphic layer settings highlighting csv settings such as whether the first row are column titles and read only.

Scroll down to tell Livestream Studio what your column separators are and the types of characters being used (typically auto-detected).

csv over http graphic layer settings showing auto loop options including interval, start from the beginning, and direction.

At the bottom are your Auto-Loop settings if you want Livestream Studio to rotate through your .CSV data; these settings include how often the displayed row changes, what direction it loops in, and its starting point.

To design the graphic, click the paint brush icon to enter the GFX Designer.

graphics layer panel highlighting the paint brush icon on the lower left corner of the panel.

Select the CSV layer from the dropdown in the lower left corner and design your graphic as desired.

CSV selected in the layer dropdown and data menu opened to show all data column names.

You can now control the graphics overlay by using PRV, PUSH, and PULL as desired.

Have more questions? Submit a request