Page Comparison

...

Overview

The State Properties pane allows you to view and edit settings associated with a state in a playlist. To view the State Properties of a state, select a state that is part of your playlist in the Content tab.

...

 Each state will have different properties associated with it. However, the State Properties pane for all states will contain an Advanced menu, which allows users to add entry and exit commands to that state.

Image Removed

Image State

Image Removed

An image state represents a single image file.

• Effect: Select an effect that occurs when the playlist transitions to the image state.
• Duration: Specify the duration of the transition effect.

Video State

Image Removed

A video state represents a single video file.

...

Hold last video frame if no media end transition is specified: Choose this option to display the last frame of the video after it ends when no Media End event is attached to the state.

HTML5 State

Image Removed

The HTML5 state allows you to display HTML web pages, including video, image, text, and JavaScript elements. For a full explanation of how to create HTML content for BrightSign players, please see the HTML Development section.

• Site Name: Specify a name for the HTML site. The site name must be unique within the presentation.
• Site Source: Select a source for the HTML site:
  • Components: Display an HTML page that is stored on your BSN Content Cloud network. This option is only available if the Storage Selector is set to  BSN.cloud Content. If you need to add the page to your BSN.cloud network, go to the Content tab first.
  • URL: Display an HTML page from a remote URL.
  • Local Site: Include the HTML page with the presentation files. This option is only available if the Storage Selector is set to Local Content. You will be prompted to locate and select the .html file that you wish to display.

Query String (optional): Enter a query string to be appended to the site URL using the following format: "http://www.example.com/over/there?my_query_string". 

This section has an accompanying tutorial video:

Options

Use the following checkboxes to enable optional, advanced features associated with the webpage:

...

Enable javascript console: Enables the Chromium Web Inspector for HTML sites in the presentation. Note that as of BOS 8.5.31 you will need to also set the enable_web_inspector registry key (in the "html" section) to enable the JavaScript console. See the "inspector_server" in roHtmlWidget for more information.

...

Image Removed

A Live Text state consists of images and text fields overlaid on top of each other. You can layer both static text and updatable RSS and MRSS content with images and customize the position/size of items in relation to the background. 

Double click a Live Text widget icon to edit the state.

1. Add Item: Click the Image Removed icon to add a new item to the Live Text canvas.
2. Layers: Click and drag a Live Text item to move it up or down the display order. Items that are higher on the list are displayed on top of lower items.
   1. Background: A permanent layer that is always displayed behind all items in the Live Text state. Use the Layer Properties to set the background to either a color or an image.
   2. Delete Item: Click the Image Removed icon to delete an item from the Live Text canvas. 
3. Offset next: Check this box to set an initial position for new items in relation to the most recently created item. Input the offset distance for the next text item (in pixels) in the Left (X) and Top (Y) fields.
4. Update Live Data: Refresh items that are populated from a remote URL (i.e. Live Text Data, RSS Feed, Media RSS Feed).
5. Grid Lines: Check this box to include invisible gridlines on the Live Text canvas. When you manually move or resize elements by clicking and dragging them, they will snap to these lines. Enter the distance between gridlines (in pixels) in the Vertical and Horizontal fields.

...

Image Removed

The Media List state is a convenient tool for defining interactive events with many files in a single feed. By default, each time the playlist transitions to a Media List state, the next file in the list will play and exit the list after a timeout (images) or when the file finishes playing (video and audio). Alternatively, you can set the list to shuffle files or cycle through every file in the list before exiting and transitioning to the next state.

List Content

Use this section to specify how the Media List is populated.

...

Supported mediums include image, video, and audio

<rss xmlns:media="http://search.yahoo.com/mrss/" version="2.0">
    <channel>
        <title>The Feed</title>
        <link>https://site.com/</link>
        <description>The videos</description>
        <generator>Server RSS Generator</generator>
        <item>
            <title>myvideo.mp4</title>
            <pubDate>2022-08-24T17:29:30.74Z</pubDate>
            <link>https://site.com/myvideo.mp4</link>
            <description>https:/site.com/myvideo.mp4</description>
            <medium>video</medium>
            <media:content url="https://site.com/myvideo.mp4" fileSize="25863908" type="video/mp4" medium="video"></media:content>
        </item>
    </channel>
</rss>

...

Playback

Use this section to customize the Media List playback.

...

• Start Index : Specify which item in the list should count as the beginning of the list.  When non-shuffled playback reaches the end of the list, it will loop back to the top of the list (i.e. start index 0), rather than the specified Start Index .

...

• Effect: Select an effect that occurs when there is a transition to an image.
• Duration: Specify the duration of the transition effect.

...

Return to start after inactivity: Returns to the start of the Media state after a specified inactivity time.

Events / Commands

Use this section to define events that will cause a transition to a new item in the Media List. You can also define commands that will be triggered when transitions occur.

• Play Next Events: Select interactive event(s) that allow the user to transition to the next file in the Media List. 
• Play Previous Events: Select interactive event(s) that allow the user to transition to the previous file in the Media List.
• Play Next Commands: Select command(s) that will trigger when the Media List transitions to the next file.
• Play Previous Commands: Select command(s) that will trigger when the Media List transitions to the previous file.

On Demand State

Image Removed

The On Demand state allows you to combine media files into a single state in the playlist area. You can then use the event that transitions to the On Demand state to conditionally determine which file in the playlist should be played.

The On Demand state can only be transitioned to using input from BP900/BP200, UDP, Serial, Keyboard, or USB devices. The input data from the controller will determine which media item in the On Demand state will be played: For example, you can use a Keyboard Input event to playback “Video 1” if the “A” key is pressed, “Video 2” if the “B” key is pressed, "Video 3" if the "C" key is pressed, etc. Any type of event can transition out of a Play File state and into a new state.

...

URL: Specify the URL of an RSS feed (this feature does not support MRSS feeds). In the example below, <title> is the On Demand key value and <description> is the media download URL.Upon playing the presentation, the player will retrieve media from the download URLs specified in the <description> field of each item in the feed. The On Demand state will use the value in the <title> field as the key to determine which media item to play.

<rss xmlns:media="http://search.yahoo.com/mrss/" version="2.0">
    <channel>
        <title>The Feed</title>
        <link>https://site.com/</link>
        <description>The videos</description>
        <generator>Server RSS Generator</generator>
        <item>
            <title>myvideo.mp4</title>
            <pubDate>2022-08-24T17:29:30.74Z</pubDate>
            <link>https://site.com/myvideo.mp4</link>
            <description>https:/site.com/myvideo.mp4</description>
            <medium>video</medium>
            <media:content url="https://site.com/myvideo.mp4" fileSize="25863908" type="video/mp4" medium="video"></media:content>
        </item>
    </channel>
</rss>

...

Use variable to specify key: Check this box to have a User Variable specify the media-file key. The input data from the controller will be ignored, though input of some kind must be received to trigger the interactive event. For example, if a Keyboard event is attached to the On Demand state and this option is enabled, any key press will initialize a transition to the Play File state; the value of the specified User Variable will then be checked against the keys in the On Demand state to determine which file, if any, should be played.

Super State

Image Removed

If you create a large, complex interactive playlist, you will likely run into two problems: You’ll find yourself having to create a large number of redundant events, and it will become difficult to keep track of numerous branching states and conditions. Super States are implemented to alleviate these problems and make complex interactive presentations manageable.

...

• Each Super State contains a Home State: A transition to a Super State will point to the initial state within the Super State by default. However, you can point the transition to any other state within the Super State by opening the event and selecting the desired state from the Specify next state dropdown menu.
• Super States can be nested inside other Super States: You can use the breadcrumb trail above the playlist area to keep track of where you are within the hierarchy of Super States.
• Super States can have Entry and Exit Commands: Entry Commands are triggered when any state within the Super State is transitioned to. If a Super State is contained within one or more other Super States, a transition to or from that Super State will trigger Entry/Exit commands on all other Super States that will need to be moved through for the transition to reach its destination. Commands will be executed in sequential order, depending on whether the transition is ascending or descending through a hierarchy of Super States.
• You can copy and paste, export Super States: All events, states, commands, and other Super States contained within the Super State will be copied over as well.

This section has an accompanying tutorial video:

...

Image Removed

The Live Feed state allows you to display media from an MRSS feed (or text from an RSS feed in Ticker zones). An MRSS feed can be hosted on a third-party server or your BSN Content Cloud network (using the Live Media feature). MRSS feeds can be used to play image, video, audio, and HTML content (different content types can be mixed into a single feed).

• Source: Specify the feed source:
  • URL: Populate the Live Feed state from a remote URL.
  • Live Media Feed: Populate the Live Feed state using a Live Media Feed from your BSN Content Cloud library.
• Content Usage: Modify other options associated with the feed:
  • Update Interval: Specify how often the player should refresh the contents of the feed.
  • Parser Plugin: Select a feed parser to parse the feed data before it is passed to the Live Feed state.
  • Optimize Feed Updates (use HEAD calls): Check this box to have the player make an HTTP HEAD request before retrieving the contents of a feed. See here for more details.
  • Automatically generate User Variables from Data Feed:  Use the feed to populate a set of User Variables for HTML pages. See here for more details.

This section has an accompanying tutorial video:

Dynamic Playlist State

Image Removed

The Dynamic Playlist state allows you to display media from a Dynamic Playlist on your BSN Content Cloud network. 

• Source: Select a Dynamic Playlist to populate the state.
• Content Usage: Modify other options associated with the Dynamic Playlist. 
  • Update Interval: Specify how often the player should refresh the contents of the Dynamic Playlist.
  • Optimize Feed Updates (use HEAD calls): Check this box to have the player make an HTTP HEAD request before retrieving the contents of the Dynamic Playlist. See this page for more details.
  • Automatically generate User Variables from Data Feed: Use the feed to populate a set of User Variables for HTML pages. See this page for more details.

Event Handler State

Image Removed

In some scenarios, you might want your presentation to sit at a blank screen. The Event Handler fills the role of an empty placeholder in your presentation. Here are a few cases where an Event Handler would be useful:

• You want a blank screen for a Home Screen so no content will play until the presentation is activated.
• You want to add a command that is performed before the first file in the presentation plays.
• You want the presentation to sit at a blank screen when finished, instead of looping.

Although Event Handlers contain no content, you can add commands and interactive events into and out of them. For example, if you set an Event Handler state as the Home Screen and define a  BP900  event linked from the Event Handler state to the first presentation item, the display will sit at a blank screen until a user presses the BP900 button, and then the first item will begin playing. Alternatively, if you set an Event Handler as the Home Screen and add a  Synchronize  command to it, you can synchronize your presentations and/or displays before the first files begin playing.

...

See the following pages for a description of each state: