BrightAuthor:connected
Presentation
15min
overview the presentation tab has a dropdown with the following options new presentation see presentation docid 0vm0utpl2j8dss dfnhmo for more information about building a new presentation import presentation see presentation docid 0vm0utpl2j8dss dfnhmo for more information about importing presentations recent presentations allows you to select a presentation from a recent presentation all presentations lets you select a presentation from the existing presentations in your network new presentation to create a new presentation, select new presentation or the new presentation icon in the recent presentations, or the new presentation screen for a visual reference, see the accompanying tutorial video https //vimeo com/350773959 for a step by step guide to building a new presentation series 5 players with multiple outputs if you select an xc5 or xt5 player, you will see the following screen and a screens tab (the additional options have been moved to the screens tab) image 20241211 230148 png for information about how to create a multi screen presentation on xc5 players, see multiscreen video playback docid\ k9hptp4rvebnegdeegrjp other players if you select a single output series 5 player, or series 4 or older players, you will see the following screen image 20241211 231114 png destination display html site video stream select template select a pre made zone layout for your presentation you can modify the zone layout later when editing the presentation single zone a single image, video, node js application, or html page occupies the screen at any time playlist videos and images are displayed in a playlist html a single html page is displayed video in video from the hdmi ® input is displayed (available on xtx44, xtx43, and 4kx42 players only) video stream video from a remote streaming source is displayed node js application a node js application is added to the presentation as “support content" and can be added, updated, removed later, through “support content“ for more info, see presentation settings docid\ a6ali6u szxhuansk6t3 multi zone multiple media items (images, videos, text) are displayed simultaneously two zone horizontal a playlist of videos and images is displayed with a text ticker beneath two zone vertical a playlist of videos and images is displayed on the left, while a playlist of images occupies the right side of the screen three zone a playlist of videos and images occupies the left side of the screen, a playlist of images occupies the right side, and a text ticker occupies the bottom preview view a preview of the zone layout (green indicates a video or image zone, blue an image zone, and yellow a ticker zone) name enter a name for the presentation destination (local mode only) choose a location to save the presentation project file on your local machine html presentation (html template only) specify a html site to display on screen url specify the url for the html page to display local content browse your local machine to locate the html file that you wish to display video stream url (video stream template only) specify the streaming video url to display on screen target player select the target player model for the presentation this will determine the available video resolutions, zone types, widgets, and events in the presentation connector select the connector type that connects the player to the display output resolution choose a resolution that is compatible with your monitor see video modes docid\ qpml112mbhek7lbdguxnv for a list of all available video modes target frame rate choose a frame rate that is compatible with your monitor screen orientation select a screen orientation for your presentation landscape content is not rotated portrait – bottom left content is rotated counter clockwise 90 degrees select this option if the bottom of the monitor is on the left when it is portrait oriented portrait – bottom right content is rotated clockwise 90 degrees select this option if the bottom of the monitor is on the right when it is portrait oriented start go to the playlist/layout editing screen image 20241211 235716 png presentation builder image 20241212 230612 png content mode presentation content may be stored in one of two places importantly, a presentation cannot contain a mix of content storage types changing this option thus requires that you exit your current presentation more details dashboard and menus docid 8ythtvfoe83v1sssbyiw bsn content mode stores content on bsn cloud local mode stores content on your local computer library / tree view the library displays available content from either your bsn cloud network or your local computer, depending on the selected content mode as described above if you need to add media to your bsn cloud network, select the dropdown next to the content tab and select upload new media tree view allows you to quickly view and search through a presentation by displaying it as a set of expandable / collapsible zones, states, events, and commands see tree view docid 4juqttlqpfwljzz59nrze for more info layout / content select layout to change the presentation layout and edit zone properties; select content to edit the content in a zone series 5 players will also display a screens tab in this location see multiscreen video playback https //brightsign atlassian net/wiki/spaces/doc/pages/1258029057/multiscreen+video+playback for information about how to set up a multiscreen presentation using the screens tab presentation name the name of the presentation the cloud icon indicates that the presentation uses bsn cloud content, while the computer display icon indicates that the presentation content is stored locally save select the save icon to save the presentation (either locally or on your bsn cloud network) or select save as from the file drop down menu to save the current presentation with a different name upload select the upload icon to upload a locally created presentation to bsn cloud publish select the publish icon to publish the presentation to one or more brightsign players zones use this pane to add, delete, and layer zones see below for more details presentation settings modify various settings that apply to the entire presentation see presentation settings docid\ a6ali6u szxhuansk6t3 for more details zone properties ( layout tab only) modify settings associated with a selected zone see zones docid\ v evnmu6c7k5nhuns86qt for a description of each zone type state properties ( content tab only) modify settings associated with a selected state see state properties docid 2eh0 u7xstxqw emiiign for a description of each state layout image 20241216 192432 png in the layout tab, click on a zone to select it the selected zone can be resized by manually dragging the drag handles (light blue squares) or by entering pixel values for the zone’s size and position in the properties tab pressing the delete key deletes the selected zone various properties can be configured for each zone see the zones docid\ v evnmu6c7k5nhuns86qt page for more details the zones pane organizes visible zones into three layers graphics this layer includes all ticker, clock, video or images, and image only zones video 1 this layer contains a video only, video or images, or background image zone video 2 this layer contains a second video only or video or images zone the video 2 layer is only supported on player models with multiple video decoders xtx44, xdx34, xtx43, xdx33, and 4kx42 use the layers icon to change the display order of the three layers top layers are displayed above layers beneath them because a video or image zone can display either graphics or video, it belongs to both the graphics layer and one of the video layers the video or image zone will switch between those two layers depending on the type of media being displayed for a more comprehensive explanation of the various layer types, please refer to the zones docid\ v evnmu6c7k5nhuns86qt page the display order of graphics zones within the graphics layer can be unpredictable, and may change if the player os is updated or other presentation settings are changed to ensure one image is displayed behind other graphics elements, place a background image zone in a video layer behind the graphics layer simple zones a simple zone displays media in a looping playlist click the content tab (or double click a zone) to begin editing a non interactive playlist to add content to the playlist, drag items from the assets or widgets pane into the playlist area above to align the elements in your playlist area, right click on the background grid to bring up the snap to grid checkbox option you can also adjust the spacing of the grid by selecting grid spacing use the arrows in the pop up to adjust the spacing transitions occur automatically at the end of audio and video files, but you can configure the display duration of image and html files by selecting the stopwatch icon after an image / html file to modify its display duration image 20241216 213641 png library select a folder containing media files or components that you wish to add to the presentation playlist the library is sourced from either your bsn cloud network or local machine, depending on the setting of the dashboard and menus docid 8ythtvfoe83v1sssbyiw if you need to add media to your bsn cloud network, click the content tab and select upload new media assets / widgets switch between adding media files ( assets ) and other presentation states ( widgets ) see state properties docid 2eh0 u7xstxqw emiiign for more details about various widgets select all / clear select/unselect all media files in a folder you can select multiple files select a series of adjacent media files – hold the shift key as you select the files in the library select a group of non adjacent files – hold the ctrl key as you select the files in the library search enter text in the search field to search the folder for a filename sort use the dropdown list to select a sort criteria use the icon to toggle between ascending and descending order refresh click the refresh icon to query the contents of the folder again resize use the dropdown menu to change the size of the media thumbnails in the assets pane playlist drag media or widgets into this area to add them to the playlist once an item is added, you can also drag it to a different position in the playlist to delete an item or state from the playlist, hover your cursor over it and click the "x" that appears in the top right corner of the object see pic below presentation and zone the name of the presentation project and the zone that the playlist belongs to if your presentation has multiple zones, switch between zone playlists in the navigator pane simple or advanced zone use the drop down to select whether the zone will be simple or advanced simple zones contain basic functionality (e g , looping images or videos) while advanced zones can contain interactivity, widgets, etc zones configure zones and set zone layers state properties edit the properties of media items and widgets see state properties docid 2eh0 u7xstxqw emiiign to learn more about different state properties advanced zones unlike simple zones which loop endlessly, advanced zones can transition to new media by responding to event properties docid\ vnsoobt2tyx2rkudmlecn , such as input from a gpio button or touchscreen be default, a zone is simple to make it advanced, click the simple / advanced drop down menu and selected advanced you can convert a simple zone to an advanced one however, once you add events in advanced mode, you will no longer be able to convert it back to a simple zone home screen the home screen is the first media file or widget in an advanced playlist it is where the advanced playlist begins by default, the first media file or widget you drag into an advanced playlist will become the home screen, identified by the home icon you can change the home screen at any time by selecting a state in the playlist and checking the initial state box in the state properties pane image 20241216 215706 png advanced events advanced events link states in the playlist and determine what must occur before one state transitions to another follow these steps to define an event select an event icon in the event toolbar click (and hold) the state name below the thumbnail image of the current state drag the pointer to the thumbnail of the state you want to play next image 20241216 220345 png alternatively, you can select an event and click the state name this will add the event to the state, but will not define the transition target you can then set the target state in the event properties > target state pane this is useful if you haven't added all states to the playlist yet or if the presentation is too complex to easily drag the mouse cursor between states in most cases, your advanced zone should work in a loop in the playlist shown above, a user can transition from the home screen to the other images by interacting with a usb device after a set period of time (indicated by the timeout event) or via usb input, the playlist will return to the home screen event inputs most events are triggered by a specific input that you need to define a red dot on an event indicates that it is missing the required input select an event to view the event properties pane on the right see the event properties docid\ vnsoobt2tyx2rkudmlecn page for more information on defining interactive triggers for different events import presentation import presentation lets you import brightauthor classic presentations in local content mode alternatively, you can do this via file > import… in bsn content mode, import presentation can also import presentations from a brightsign network (not bsn cloud) account