AMX IS-SPX-1000/1300 manual Spxbegin Element, Additional Syntax for Multiscreen Content

Page 65

Synchronized Content

If you want to use your multiscreen in a setup combining synchronized and unsynchronized content, the following alternative approach is also possible:

Create an index.svg file using the aspect ratio of a single screen.

Create a iCalendar schedule.

Create multiscreen files with the <spx:multiScreen> instructions and add them to the calendar. Create single screen content and add them to the calendar. Note that you can use different calendars

depending on the IS-SPX Player (using the switch of JavaScript, for instance). In this latter case, the content to be synchronized between multiple screens must start and end at the same time in the different calendars.

The spx:begin Element

Instead of using a complete calendar file just for the synchronization of the multiple screens, it is possible to use an in-

line reduced schedule inside the index file. The schedule is described using a proprietary tag in the svg element: spx:begin. The spx:begin describes the starting point of the document. Using this attribute has the same effect as putting

the document in a schedule file starting at the same time as the one described by the attribute.

The spx:begin element can be used as follows:

<svg

xmlns="http://www.w3.org/2000/svg"

xmlns:spx="http://www.spinetix.com/namespace/1.0/spx" height="100%" width="100%"

spx:begin="Thhmmss" viewBox="xc yc wc hc" > [...]

</svg>

Value definitions:

spx:begin="Thhmmss" is the presentation beginning time, where: T is a fixed flag,

hhis the hour of the day, mm are the minutes,

ss are the seconds.

This feature is used by all the predefined multiscreen templates.

Additional Syntax for Multiscreen Content

The following two methods are also available to build multiscreen contents: Extension of the SVG <switch> element

JavaScript MULTI_SCREEN_ID variable

Extension of the SVG <switch> Element

The SVG <switch> element allows you to conditionally display SVG elements. This is a standard SVG element described in the SVG specification. For the handing of multiscreen content, a proprietary condition has been added. This

lets you visualize a specific content based on the screenID of the player running the project. The <g> content is shown only if spx:multiScreenId is equal to “screenID”. Multiple <g> contents, for different “screenID” values can be listed

into the same <switch> element.

<switch>

<g spx:multiScreenId="screenID"> </g>

<switch>

Value definitions:

spx:multiScreenId="screenID" is the variable tested by the switch, it contains the ID of the current screen. screenID is the value associated with each of the screens where the content will be displayed (e.g. “left”, “right”, “top”, “bottom”, etc).

Inspired XPress - Programming Guide

57

 

 

Image 65
Contents Inspired Signage XPress WARRANTY, Disclaimer and License Table of Contents Remote Control Synchronized Content Interactivity Serial Protocol File Editor Table of Contents Inspired XPress Programming Guide When to use XPress Authoring Features? InstallationInstalling Inspired Signage XPress for the First Time IntroductionXPress must be restarted to complete the activation Minimum Recommended PC RequirementsXPress Removal Installation LocationInspired Signage XPress UI XPress Main Interface Learning XPress Authoring FeaturesXPress Projects My Projects folder Creating a New ProjectNew Project dialog Target Browsing PanelImporting Video Importing Multi-Media FilesImporting Images Importing Flash SWF Files Importing PowerPoint PresentationsCreating and Editing SVG Files Template Document Parameters Editing an Existing SVG DocumentMedia description dialog lets you change Edit a Media PropertyInteractively Editing SVG Files Interactive EditingDemonstration of Media Elements Editing Media Elements LayoutEditing Text Editing Media LinksCustomizing a Multi-Layer SVG Document Multi-Layered SVG TemplatesComposing a Scene Playlist Template Example EditingComposing a playlist SVG document How to Customize a Playlist SVG DocumentPlaylist Tab Composing a Live News Document Special News TemplatesLayout Templates Format HelpersNews.svg Customizing a News SVG DocumentNewsticker.svg Newscrawler.svgSwitch.svg Using Format HelpersBouncingtext.svg Fittext.svgExample of 169 content Scalable Content and Aspect Ratio of Your Display169 templates as shows on a 43 screen Adding Effects Configuring EffectsMultimedia Effects Previewing Preview XPress ContentPublishing Using Quick PublishManually Add Devices to XPress MonitoringScheduling Scheduling the Content Displayed by an IS-SPX PlayerCheck the Status of the Devices Open a DeviceOpen a Schedule Create a New ScheduleCalendar view Add Events To a ScheduleModify the Scheduling Properties of an Event Define Default Events and RecurrencesDefine a Default Animation Edit recurrence rule Define Recurring EventsData Polling Rates Preview Scheduled ContentWhen To Use Remote Control Remote Control of ContentHow To Use Remote Control OverviewID table Playlist Triggering a Content Switch Over IPSettings menu Enable Network API Example TestingSwitching Content With a USB HID Device Switching Content With the Serial PortKey Identifiers tab Switching Content From Another DeviceHow To Use Remote Control of Playback Remote Control of PlaybackWhen To Use Remote Control of Playback Interactive Pause/Resume Over TCP Interactive Pause/Resume Using Http GETTimed pause/seek/resume GET Embedded In an HtmlInteractive Pause/Resume From a Device Knowing the Current Position With Extra Accuracy Getting Feedback On the Playback ProgressTriggering a Text or Image Overlay Triggering an Alternative ContentRemote Triggers Triggering of SVG Animations Designing Basic Projects for Multiscreen Layouts Application ExamplesMultiscreen Displays New Project menu Creating a Configurable Multiscreen ProjectMultiscreen Properties Finding the multiscreen templates Creating a Multiscreen Project from TemplatesNew multiscreen project can now be Saved and Edited Multiscreen layout drop down options Editing Multiscreen ContentCreate a Virtual Device Configuring XPress and the IS-SPX PlayerConfigure the Multiscreen ID Synchronizing Devices SynchronizationPublish Your Project To Your Device Administration Date/Time Configure NTP Through the Http Interface Configuration Advanced Configuration Using an IS-SPX Player as an NTP Server Master/Server Architecture Examples Configuration of the IS-SPX Player Acting as MasterSynchronization Elements Syntax for Multiscreen Synchronized ContentCanvas and Viewbox Concepts Multiscreen ElementsSpxbegin Element Additional Syntax for Multiscreen ContentExtension of the SVG switch Element Example Screen Layout With Six Screens Extension of JavaScriptExample Screen Layout With Spread Displays Example switch SVG ElementExample JavaScript TroubleshootingNTP Synchronization Project CreationSynchronized Content Synchronized Content Inspired XPress Programming Guide Interactivity Template Files Creating Interactive ContentCreating Buttons Creating a Touch Screen MenuAdding an Action ID Controlling MediaEnter Interactive Mode Testing the ProjectCreating the Menu Creating a Keyboard MenuButton Action IDs Configuring the menuRGB values Hexadecimal value Eyedropper tool Color Selection green Controlling the MenuInteractive controls KeystrokesLayers tab keystroke.svg Controlling MediaSuggestions for Further Projects Testing the ProjectPlayback Projects New Project Playback TemplateExample Media player Controlling the MediaPlayback Position Playback.svg details Slider.svg placement Interactivity Settings IS-SPX Player ConfigurationCalibration of a Touchscreen Through the IS-SPX Player Calibration For Touch ScreensTroubleshooting Manual Calibration ProcedureAdding a List Variable Serial Protocol File EditorEdit Variable Page List variable Adding a Range VariableEdit Variable page Range variable Exporting the Finished FilePage Interface Concepts Behind Shared VariablesJavascript API Sample Code Setting the VariableNetwork API Reading the VariableNetwork API Commands List of CommandsSample Code Enabling the Network APIAPI Emulation Restarting XPress will reset all the shared variablesShared Variables Inspired XPress Programming Guide Serial Control Gathering Display Serial Protocol CommandsSerial Protocol Commands Text Creating a Serial Protocol File Serial Protocol Commands HexHex Manual Command Text EntriesVariable List Volume Control VariableScreen Mute Picture Off Screen Mute Picture OnMute On Sound Mute Off SoundUploading the Serial Protocol File Under the Administration section, select RS232 / USB IOXPress My Templates Folder Creating New TemplatesXML Tree with new attribute param1 Creating and updating a new calendar fileNew.ics file Serial Control From NetLinx Power commandAdding Additional Templates to Inspired Signage XPress FSM Commonly Used TermsIncrease Your Revenue through education + knowledge