Documentation

Overstream.Studio is a desktop application for managing widgets that are placed on top of the video stream and add additional information and dynamics to the videostream. The streaming software must support the ability to add a browser window on top of the stream.

Overstream.Studio is primarily designed for sports broadcasts and allows you to manage lists of teamplayers and individual participants. So, widgets can display information about a team score, a current participant, a list of participants and more. The list of widgets is constantly updated and is available inside the application.

Content

  1. Application installation
  2. How to add a widget to a scene
  3. Lists of individual participants
  4. List of team players
  5. How widget's data is applied to a widget
  6. Specific widget's background
  7. Team Score: How a timer works
  8. How to add a widget to a streaming application

Application installation

The application is only available for Windows versions 7 and above. Run the installer and the application will install automatically.

How to add a widget to a scene

All widget instances are grouped in scenes. A scene is a group of widgets united by the same logic, which in some cases can also be controlled uniformly. First of all, you need to create a scene. The scene is not tied to the scene of your video stream in any way, in fact, it is just a group of widgets.

After creating the scene, open the scene window and add the desired widget to the scene. Each row in the list of widgets contains a button to open the widget management console and visibility control buttons. In the list of all widgets, you can mark widgets as your favorite. Such widgets will be shown at the top of the list.

Lists of individual participants

Participants are used in individual competitions, such as artistic gymnastics, for example. Participants can be divided into groups. In addition to manual data entry, automatic import from a zip archive is available.

An archive to import contains a text .csv file without a header line, where the participant data is separated by commas or semicolons in the following order:
Name;Surname;Club;Flag_file_name;Country;Attribute_file_name;Avatar_file_name
Images must be placed in the same zip archive. An example zip archive can be downloaded from here.

List of team players

This data is used for team competition widgets, such as football. The players are divided into teams. The team may contain data about the flag or logo, the color of the players' jerseys. In addition to manual data entry, automatic import from a zip archive is available. An archive to import contains a text .csv file without a header line, where the participant data is separated by commas or semicolons in the following order:
Player_Number_In_Team;First Name;Surname;Avatar_file_name
Images must be placed in the same zip archive. An example zip archive can be downloaded from here.

How widget's data is applied to a widget

You manage widget data and styles through the widget management console. The console of each widget can contain 2 tabs: Content and Styles. Through the console, you can change the colors, fonts and other visual elements of the widget, connect various data from the player tables or enter data manually. When you click the "Apply" button, the data is sent to the widget and the widget is updated.

Specific widget's background

In some cases is useful to use specific color for a widget's background instead of a transparent color. To do it navigate over the Main Menu to the Setting page and activate this option.

Team Score: How a timer works

When you work with a timer on the Team Score widget and you want to set up initial time and a backward option you should click "Apply" button first to apply these values to a widget. After you can normally use control buttons.

How to add a widget to a streaming application

Let's use OBS Studio as an example.
1. Find the Sources tab and add a Browser.
2. In the widget console, copy the widget's URL and paste it into the OBS Studio. Click OK.
3. The widget will be added on top of the stream and upload its data